Agile育成ブログ
未来を変える喜びを
HTML

サイドバー


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」を指定

You cannot copy content of this page