サイドバー

Warning: count(): Parameter must be an array or an object that implements Countable in /home/xs638785/agile-software.site/public_html/wp-content/plugins/rich-table-of-content/functions.php on line 490

スクロールに合わせて追従させる

    <div class="side-box popular-posts">
        <h3>Popular Posts</h3>
        <ul>
            <li><a href="#">初めて猫を病院に連れて行く時の心構え</a></li>
            <li><a href="#">肉球で愛猫の性格診断ができる？</a></li>
            <li><a href="#">動く猫の撮影のコツ</a></li>
            <li><a href="#">おすすめのフードは？</a></li>
            <li><a href="#">猫に首輪をつけてもいいの？気をつけること5つ</a></li>
        </ul>
    </div>

DESKTOP SIZE 
================================================ */
@media (min-width: 600px) {   
 /* 人気記事 */
    .popular-posts {
        position: sticky;
        top: 1rem;
    }
}

「position:sticy」を指定