Question

我正在一个网页上工作，我想修复一个div到顶部我滚动窗口到该div并释放修复位置，如果我滚动上面的div但我面临一个问题，div没有得到修复时我到达那里

这是我的代码

jquery的

var customerBillHeadPos = $('.customer_bills_head').offset().top;
$(window).scroll(function(){
    var windowPos = $(window).scrollTop();
    if(windowPos>=customerBillHeadPos){
        $('.customer_bills_head').addClass('position_fixed');
    } else {
        $('.customer_bills_head').removeClass('position_fixed');
    };
});

CSS

.customer_bills_head.position_fixed{
    position: fixed;
    left: 0;
    top: 70px;
    z-index: 9;
}

Answer 1

好吧，我检查了你的代码，它实际上正在工作，所以检查你的控制台日志，也许其他一些脚本搞砸了。检查jquery是否正确加载并且您没有冲突。 Firebug或浏览器开发人员工具和控制台将有所帮助。

还要检查可能搞砸的其他风格。

我只为.customer_bills_head添加了200px的上边距，而margin-top：0;当你到达它时，以及一些模拟样式。

body{
  margin: 0;
  padding: 0;
    background: url("https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcT7vR66BWT_HdVJpwxGJoGBJl5HYfiSKDrsYrzw7kqf2yP6sNyJtHdaAQ");
    height:2000px;
}

h1{
  color:white;
}
.customer_bills_head{
  width:100%;
  height:110px;
  margin-top:200px;
  background: #666
}
.customer_bills_head.position_fixed{
    position: fixed;
    left: 0;
    top: 0px;
    z-index: 9;
    margin-top:0;
}

https://jsfiddle.net/syLdLeet/2/

标题修复滚动到特定位置

1 个答案: