【问题标题】:Screen jumps when scrolling滚动时屏幕跳转
【发布时间】:2013-03-18 06:30:15
【问题描述】:

需要一些帮助解决问题http://mincovlaw.com/goodies/standard_agreements

如果在常规屏幕(宽度超过 800 像素)上查看,当我滚动页面时,它会突然上下跳跃(只是一点点)。

我正要写这是唯一一个这样的页面,直到我注意到实际上所有页面都有相同的奇怪行为。

此行为在网站的移动版本中不存在。

你能帮我解决这个问题吗?

谢谢!

更新:这是扰乱滚动的功能:

function revealmobilemenu() {
    var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;
    var dsoctop=document.all? iebody.scrollTop : pageYOffset;
    scroll_timer = window.setTimeout(function() {
        if (dsoctop > 500) {
            revealmobilemenunow();
        } else {
            hidemobilemenunow();
        }
    }, 100);
}

禁用时,滚动工作正常,但移动版不显示返回顶部按钮。

更新2:已解决:问题是桌面版没有BackToTop div 的position:fixed,所以当它从display:none 变为display:block 时,它实际上添加到了窗口中。通过为桌面 css 添加 position:fixed 修复。

【问题讨论】:

  • 这是您的 JS 文件之一。将它们一一禁用以破译麻烦的脚本。
  • 请查看编辑 - 我知道是哪个函数搞砸了,但我不明白它有什么问题。
  • 我很高兴您解决了您的问题,但是您能否将您的解决方案添加为答案接受它,以便未来的用户拥有相同的问题会马上看到答案吗?
  • 不要在标题/帖子中添加“已解决”!

标签: javascript html css


【解决方案1】:

问题是桌面版的BackToTop div没有position:fixed,所以当它从display:none变成display:block时,它实际上添加到了窗口中。通过添加位置固定:固定为桌面 css。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-04-04
    • 2018-03-24
    • 1970-01-01
    • 2017-07-31
    • 2023-03-11
    • 1970-01-01
    • 2015-05-03
    • 1970-01-01
    相关资源
    最近更新 更多