jquery scrollTo 拒绝工作

发布于 2024-08-30 23:39:18 字数 627 浏览 10 评论 0原文

我阅读了所有的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() .左}, 8000) }) });

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

ive read all the scrollTo questions and couldnt find the answer. im trying to use the scrollTo plugin for a simple horizontal scroll (the site is horizontally designed).

im using the following code

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

as is obvious, contactlink is the anchor link while conta is the anchor where the window should scroll to.

i know im missing something very obvious, but as im a beginner with jquery, id appreciate all the help i can get. is there any way to debug the functioning of the plugin?

thanks

///edit///

based on XGreen's inputs, i tried:
$(document).ready(function(){ $("contactlink").click(function(event) {$('html,body').animate({ scrollLeft: $('#conta').offset().left }, 8000); }) });

i should have mentioned. the "conta" anchor is to the right of where the link is. how much of a difference does that make? also, here is the code for the anchor i used, is it incorrect?
Contact.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

暖伴 2024-09-06 23:39:18

将插件排除在外。它只是你不需要的额外js。

使用这个:

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

leave the plugin out. its just extra js you dont need.

use this:

$('html,body').animate({ scrollLeft: $('#conta').offset().left }, 8000);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文