jQuery SmoothScroll和Select

Question

我正在创建一个选择菜单，以使我的网站响应。我正在使用平滑滚动(https://github.com/kswedberg/jquery-smooth-scroll)来处理我的常规href #散列链接菜单项的滚动，但是可以使用一些帮助使其工作在select &选项上。

这是我选择的菜单；

<select>   
    <option value=""> </option>
    <option value="#home" class="smoothscroll">Home</option>
    <option value="#what-we-do" class="smoothscroll">What we do</option>
    <option value="#case-studies" class="smoothscroll">Case Studies</option>
    <option value="#testimonials" class="smoothscroll">Testimonials</option>
    <option value="#contact" class="smoothscroll">Contact</option>
</select>

这是我的jQuery代码；

$('nav select').change(function() {
    $.smoothScroll({offset: -70, speed: 2000});
});

现在，如果您在我的页面上向下滚动并使用select菜单并选择任意选项，它会平滑地滚动回页面的顶部--而不是正确的#散列表。如果在页面顶部选择一个选项，则不会发生任何事情。

你的帮助将不胜感激。谢谢。

Answer 1

在我看来，你似乎并没有告诉光滑卷轴你想去的地方。根据https://github.com/kswedberg/jquery-smooth-scroll/blob/master/readme.md，您可以简单地使用这样的scrollTarget (其中$(this).val()是select元素的当前值)给函数一个目标：

$('nav select').change(function() {
    $.smoothScroll({
        offset: -70,
        speed: 2000,
        scrollTarget: $(this).val()
    });
});