0

2 つの列 (サイドバー) を持つページがあります。

左のものは固定 (Google 広告を含む) で、ページを下にスクロールしても変更されません。

右側には投稿が含まれており、相対的に配置されているため、スクロールは問題ありません。

ただし、右の列（サイドバー）の後にフッターがあります。

このフッターの幅はページの 100% です。

問題は、一番下までスクロールするとフッターが左側のサイドバーに移動することです。

下にスクロールしたときにページの端から200pxに到達したら、左側のサイドバーを200px上に移動したいと考えています。

スクロールしてトップに戻ると元に戻ります。

<div id="main">
    <div id="left">Google Ads here</div>
    <div id="right">Content posts here</div>
</div>
<div id="footer">
    footer here
</div>
4

2 に答える 2

0

jQuery scroll を使用できます。ほとんどの Web サイトは、これを使用してサイトのコンテンツを読み込みます。

   $(window).scroll(function(){  

        if($(window).scrollTop() + $(window).height() >= $(document).height() - 200){
            setLeftBarPosition();
        }
    });

   function setLeftBarPosition(){
    // your code to set position of lefftbar

  }
于 2012-09-21T08:16:15.560 に答える
-3

これは、javascript の代わりにプレーンな CSS を使用して行うことができます。

詳しくはこちらをお読みください。デモはこちら

于 2012-09-21T06:54:48.520 に答える