跳跃滚动到带有偏移的部分

恩格雷

我正在使用小的 jQuery 脚本滚动到 id 对应的部分,点击标签的 href。

例如,单击<a href="#section1">scroll to section1</a>用户窗口后,将转到id="section1"带有动画的目标部分

使用标准设置一切正常,但在应用偏移后,动画在滚动的最后阶段开始变得跳跃。

这是在线代码的一部分:https : //codepen.io/engray/pen/WMaXev

我尝试将偏移值更改为预定义值,但它根本没有帮助。您知道什么可能导致动画跳动效果吗?

恩格雷

我已经设法修复了这种奇怪的行为,这要归功于:Jack Hair 在原始 css-tricks.com 帖子中的回答事实证明,最新的 Chrome 版本导致焦点元素出现问题

彼得说:听起来在最新版本的 Chrome 中有一个错误,如果您有偏移量(对于固定导航栏),它会导致滚动条跳跃。

以下是Jack Hair 的解决方案

// fix chrome of focus scroll
    $.fn.focusNoScroll = function() {
        var x = window.scrollX,
            y = window.scrollY;
        this.focus();
        window.scrollTo(x, y);
        return this;
    };

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章