Question

我有一个这样的菜单：

<ul id="menu">
<li><a href="#home_slider" id="home">Home</a></li>
<li><a href="#portfolio_slider" id="portfolio">Potfolio</a></li>
<li><a href="#contact_slider" id="contact">Contact</a></li>
</ul>

我想使用ScrollTo（）在点击时转到部分。我遇到了JQuery的问题，到目前为止，我有：

$("#menu a").click(function(event) {
    $("#menu a").removeClass('selected');
    $(this).addClass('selected');
    $('.sliders').scrollTo($(this).attr('href'));      
     //cancel the link default behavior
     return false;        
});

我不希望屏幕移动，我只想让.sliders div水平滚动到正确的滑块。

点击此处查看更多代码：http://www.rickdonohoe.co.uk。

感谢您的帮助，

瑞克

Answer 1

scrollTo（x，y）表示该方法用于滚动到由x和y坐标值引用的网页上的某个点。你不能只是传递一个链接。

Answer 2

我认为你正在使用scrollTo插件。如果是这样，那么正确的语法是，

    $.scrollTo ($(this).attr('href'), 800);

此外，您需要为所有这些链接点击侦听器

   $('a[href$="_slider"]').click (function () {
      $.scrollTo ($(this).attr('href'), 800);
   });

Answer 3

看起来你想要设置滑块的值，虽然你没有包含代码的“滑块”部分，所以我们看不到滑块与导航的关系：

$(".sliders").slider('value', somevaluehere);

修改

我刚刚查看了您的网站，我根本看不到页面上的任何滑块。我的错。我以为你一定是在使用UI滑块。

ScrollTo（）函数的JQuery问题

3 个答案: