0

フッターにスクロール制限を追加するにはどうすればよいですか。つまり、ページの上部でフッターを追跡したくないということです。制限を追加したいのです。ここに私のCSSがあります:

        #footer
        {
            position:fixed;      
            display:none;
            bottom:0;
            left:0;
            width:100%;
            /*min-height: 80px;*/
            text-align:center;
            background: transparent;
       }
4

2 に答える 2

0 
Set min-height to page content. for example :

css:
-------------------------------
.content { min-height:400px; }


html:
----------------------
<body>
   <div id="container">
      <div class="content">
        content here ...
      </div>
      <div class="footer">
        footer content here ...
      </div>
   </div>
</body>
于 2013-10-23T11:36:13.233 に答える
0

これを行うには、javascript (jQuery) を使用できます。.footerCSS には、 との 2 つのクラスがあり.sticky_footerます。次に、たとえば、jQuery を介してこれら 2 つのクラスを切り替えます。

var footer = $('.footer'),
    $window = $(window);
$window.on('scroll', function(){
    if( $window.scrollTop() > 1200 ) {
        footer.addClass('sticky_footer');
    } else {
        footer.removeClass('sticky_footer');
    }
});

もちろん、条件とスクリプトは異なる場合があります。

于 2013-10-23T10:51:14.117 に答える