带滑动滚动条的jQuery scrollTo

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

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

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

在此示例中，custom.js文件是与overflow:hidden一起使用的文件，test.js文件具有我添加的其他插件/代码。

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

来源

2011-11-23 brunn

With scrollTo我正在使用jQuery类从一个部分移动到另一个，所以我刚刚删除这些clases和在锚元素中使用了部分ID。它现在工作，因为我想:)

来源

2011-11-27 02:35:14 brunn

也许这将帮助：我实际上是在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'}) 
}

BTW。你在这个习惯的代码有点乱，你应该尽量减少它或什么（我知道我的也是;））

来源

2011-11-23 09:17:45 vonsko

它没有工作，但谢谢。顺便说一下，除了最大限度地减少你认为我的代码还可以改进什么呢？ – brunn

好吧，我不是专业人士，但尝试加入事件.bind在这样的事情： '.bind（'mouseup mousedown click'function（e）{if（e.type ==='mousedown'）{ ...} }）其次 - 写一个函数goto并使其成为动态的 - 例如，从attr（'href'）或标题或甚至id获取参数_where。它将缩短您的代码高达15％：D – vonsko

感谢您的建议。我会采取任何建议，以提高我的编码技能:) – brunn

带滑动滚动条的jQuery scrollTo

回答

相关问题