jQuery scrollTo with slide scrollbar

时间:2011-11-23 08:48:11

标签: javascript jquery jquery-plugins scrollbar scrollto

我正在使用水平网站的scrollTo插件,它工作正常。我在主要部分有一个链接列表,我也可以轻松地一次一个地来回移动。为了使插件工作,我必须使用overflow:hidden属性,但我想让用户选择滑动滚动条,如果他们喜欢它。所以我找到了LocalScroll插件和一些代码(由其他人编写,我只是按原样复制)我现在让滚动条沿着网站的每个部分滑动。

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

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

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

一如既往,我非常感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

也许这会有所帮助:我实际上是为了生成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'})
} 

顺便说一句。你在这个习惯中的代码有点乱,你应该把它最小化(我知道我的也是;)

答案 1 :(得分:0)

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

相关问题