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

您可以使用 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');
    }
});

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

于 2013-10-23T10:51:14.117 回答
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 回答