我正在为一个水平网站使用scrollTo插件,它工作得很好。我在主要部分有一个链接列表,我也可以很容易地在它们之间来回移动一个。为了让插件工作,我必须使用overflow:hidden属性,但是我想让用户选择滑动滚动条,如果他们喜欢的话。所以我找到了LocalScroll插件,并用了一些代码(由别人写的,我只是照着原样复制),现在我可以让滚动条在站点的每个部分滑动。
问题是我用来来回移动一个部分的锚点停止工作了,所以我不得不一直回到首页来点击我想要看到的任何部分。用this example可以更好地解释这一点。单击任何链接都可以转到特定的部分,在该部分中,“后退”和“前进”链接不起作用。您必须单击左侧的徽标(好吧,它应该在的位置)才能返回到主要部分。
我看过其他的水平网站的例子,我注意到那些我需要的滑动滚动条只有几个主链接,而且它们是固定的,所以我想知道是否有可能让它以我所拥有的方式工作。
在本例中,custom.js文件是使用overflow:hidden的文件,而test.js文件包含我添加的附加插件/代码。
像往常一样,我将非常感谢任何帮助。
发布于 2011-11-27 10:35:14
在使用scrollTo时,我使用jQuery类从一个节移动到另一个节,所以我只是删除了这些类,并在锚元素中使用了节id。它现在按照我想要的方式工作了:)
发布于 2011-11-23 17:17:45
也许这会有帮助:我实际上为wordpress中的动态菜单做了这个,你可以在这里看到它的工作版本:http://loco.karolwasik.pl/ (script.js)
$('#menu a').bind('click', function(e){
e.preventDefault();
$('#subpanel-maska').scrollTo('#panel-'+$(e.target).attr('title'), 300, {easing: 'easeOutCirc'})
} 顺便说一句。你在这个自定义中的代码有点乱,你应该最小化它或者别的什么(我知道我的也是)
https://stackoverflow.com/questions/8239316
复制相似问题