首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >带滑动滚动条的jQuery scrollTo

问带滑动滚动条的jQuery scrollTo
EN

Stack Overflow用户
提问于 2011-11-23 16:48:11
回答 2查看 586关注 0票数 0

我正在为一个水平网站使用scrollTo插件,它工作得很好。我在主要部分有一个链接列表,我也可以很容易地在它们之间来回移动一个。为了让插件工作,我必须使用overflow:hidden属性,但是我想让用户选择滑动滚动条,如果他们喜欢的话。所以我找到了LocalScroll插件,并用了一些代码(由别人写的,我只是照着原样复制),现在我可以让滚动条在站点的每个部分滑动。

问题是我用来来回移动一个部分的锚点停止工作了,所以我不得不一直回到首页来点击我想要看到的任何部分。用this example可以更好地解释这一点。单击任何链接都可以转到特定的部分,在该部分中,“后退”和“前进”链接不起作用。您必须单击左侧的徽标(好吧,它应该在的位置)才能返回到主要部分。

我看过其他的水平网站的例子,我注意到那些我需要的滑动滚动条只有几个主链接,而且它们是固定的,所以我想知道是否有可能让它以我所拥有的方式工作。

在本例中,custom.js文件是使用overflow:hidden的文件,而test.js文件包含我添加的附加插件/代码。

像往常一样,我将非常感谢任何帮助。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-11-27 10:35:14

在使用scrollTo时,我使用jQuery类从一个节移动到另一个节,所以我只是删除了这些类,并在锚元素中使用了节id。它现在按照我想要的方式工作了:)

票数 0
EN

Stack Overflow用户

发布于 2011-11-23 17:17:45

也许这会有帮助:我实际上为wordpress中的动态菜单做了这个,你可以在这里看到它的工作版本:http://loco.karolwasik.pl/ (script.js)

代码语言:javascript
复制
$('#menu a').bind('click', function(e){
     e.preventDefault();
     $('#subpanel-maska').scrollTo('#panel-'+$(e.target).attr('title'), 300, {easing: 'easeOutCirc'})
} 

顺便说一句。你在这个自定义中的代码有点乱,你应该最小化它或者别的什么(我知道我的也是)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8239316

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档