【问题标题】:jquery scrollTo refuses to workjquery scrollTo 拒绝工作
【发布时间】:2010-05-01 12:09:01
【问题描述】:

我阅读了所有 scrollTo 问题,但找不到答案。我正在尝试使用 scrollTo 插件进行简单的水平滚动(该网站是水平设计的)。

我使用下面的代码

$(document).ready(function() {
$('#contactlink').click(function(){
$.scrollTo("#conta", {duration: 8000 });
});
});

很明显,contactlink 是锚链接,而 conta 是窗口应该滚动到的锚。

我知道我遗漏了一些非常明显的东西,但作为 jquery 的初学者,我感谢我能得到的所有帮助。有没有办法调试插件的功能?

谢谢

///编辑///

根据 XGreen 的输入,我尝试了: $(document).ready(function(){ $("contactlink").click(function(event) {$('html,body').animate({ scrollLeft: $('#conta').offset() .left }, 8000); }) });

我应该提到的。 “conta”锚点位于链接所在位置的右侧。这有多大的不同?另外,这是我使用的锚的代码,它不正确吗? 接触。

【问题讨论】:

    标签: jquery scrollto


    【解决方案1】:

    不要使用插件。它只是你不需要的额外js。

    使用这个:

    $('html,body').animate({ scrollLeft: $('#conta').offset().left }, 8000);
    

    【讨论】:

    • 感谢您的帮助。但代码没有用。这就是我尝试的方式: $(document).ready(function(){ $("contactlink").click(function(event){ $('html,body').animate({ scrollLeft: $('#conta ').offset().left }, 8000); }) });我应该提到的。 “conta”锚点位于链接所在位置的右侧。这有多大的不同?另外,这是我使用的锚的代码,它不正确吗? 联系方式。
    • 为什么要滚动到已经在其触发链接旁边并且已经可见的元素?
    • 我认为我所说的方式有误。锚点不在触发链接旁边。距离它 800 像素。 (如果重要,向右)
    • 好的,所以,我现在觉得很愚蠢。复制 XGreen 的代码后,我输入了它并错过了 id 的 #。更正后,它工作正常。非常感谢 Xgreen 的帮助。
    猜你喜欢
    • 1970-01-01
    • 2013-08-02
    • 1970-01-01
    • 2015-07-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-07
    • 1970-01-01
    相关资源
    最近更新 更多