Firefox jquery scrollTo 闪烁错误

发布于 2024-08-14 11:59:39 字数 345 浏览 7 评论 0原文

我在这里看到了很多讨论 Firefox 闪烁的帖子，但没有一个能完全描述我遇到的问题。

我有一个水平滚动网站、固定位置菜单和 jquery 插件 .scrollTo 处理下一个和上一个按钮。这在 Chrome 和 Safari 中效果很好（不知道 IE 怎么样），但在 Firefox 中，每次使用右上角和角落的箭头从左向右滚动时，都会出现闪烁。

查看示例

我尝试将所有具有固定位置的元素设置为溢出：自动，但这没有任何作用。我不太熟悉 JS 或 Jquery，但我知道足以改变事情。任何帮助将不胜感激！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

小霸王臭丫头 2024-08-21 11:59:39

问题是您没有取消点击功能中的默认浏览器操作。将代码更改为这样，闪烁就会消失：

$(function(){
    $(".next").click(function(e) {
        $.scrollTo( '+=1000px', 600 );
        e.preventDefault();
    });
    $(".prev").click(function(e) {
        $.scrollTo( '-=1000px', 600 );
        e.preventDefault();
    });
});

Firefox 正在尝试“滚动到 #”并同时进行动画处理。

The problem is that you are not cancelling the default browser action in your click function. Change your code to this, and the flicker will go away:

$(function(){
    $(".next").click(function(e) {
        $.scrollTo( '+=1000px', 600 );
        e.preventDefault();
    });
    $(".prev").click(function(e) {
        $.scrollTo( '-=1000px', 600 );
        e.preventDefault();
    });
});

Firefox is trying to "scroll to the #" and animate at the same time.

回复收藏 0 原文

装纯掩盖桑 2024-08-21 11:59:39

在我对道格的帖子的页面可书签性发表评论后，我脑子里的灯亮了！
如果您需要书签功能，希望您能够适应您的脚本

<a href="#gohere" class="mylink">Click</a>
...

$('.mylink').click(function(e) {
    e.preventDefault();
    var anchor = $(this).attr('href');
    $.scrollTo(anchor, 1000, {
        onAfter: function(){
          location.hash = anchor;
        }
    });   
});

Right after my comment on page bookmarkability on Doug's post, the light in my head turned on!
Hope you can adapt to your script, if you need bookmarkability

<a href="#gohere" class="mylink">Click</a>
...

$('.mylink').click(function(e) {
    e.preventDefault();
    var anchor = $(this).attr('href');
    $.scrollTo(anchor, 1000, {
        onAfter: function(){
          location.hash = anchor;
        }
    });   
});

回复收藏 0 原文

~没有更多了~