我正在使用小的 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] 删除。
我来说两句