小编tdj*_*tdj的帖子

解释为什么scrollTop()总是在这里返回0

http://codepen.io/anon/pen/NGqPNz

CSS:

html {
  height: 100%;
  overflow-y: hidden;
}
body {
  height: 100%;
  overflow-y: auto;
}
Run Code Online (Sandbox Code Playgroud)

JS:

  $('body').bind("scroll", function () {
    if ($('body').scrollTop()) {
      console.log('triggered!');
    } else {
      console.log($('body').scrollTop());
    }
  });
Run Code Online (Sandbox Code Playgroud)

scroll事件在body元素上触发.滚动条位于body元素上,而不是html或window元素上.那么为什么document.body.scrollTop或$('body').scrollTop()返回0?

有没有办法可以用这个来检测滚动条的位置,或者如果我想使用高度,我会卡住:100%; 溢出:隐藏在html元素上?

谢谢!

css jquery scroll

5
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

jquery ×1

scroll ×1