Question

如何向我的页脚添加滚动限制，我的意思是我不希望我的页脚在页面顶部跟随我。我想添加限制。这是我的CSS：

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

Answer 1

你可以使用javascript（jQuery）来做到这一点。在您的CSS中，您将有两个类：.footer和.sticky_footer。然后 - 例如，通过jQuery切换这两个类。

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

当然，您的条件和脚本可能会有所不同。

Answer 2

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>

我想使用CSS将Scroll Limit添加到Fixed Footer

2 个答案: