在 mm-subopen 点击时滚动到顶部

Question

使用 mmenu，每当有人点击子页面的“箭头”时，我想滚动到页面顶部； a href 类被命名为“mm-subopen”。

它没有ID，所以我必须和班级一起去。

我该如何做到这一点？我尝试了以下方法，但它不起作用。

谢谢..

$(function() {
  $("a.mm-subopen").scrollToTop(100);
});

Answer 1

我相信您忘记将点击事件绑定到您的选择器。您需要告诉 jQuery 哪个事件在从感兴趣的元素触发时触发滚动到顶部功能。还建议使用.preventDefault() 禁用<a> 元素的默认功能。

$(function() {
    $("a.mm-subopen").click(function(e) {
        e.preventDefault();
        $(window).scrollTop(100);
    });
});

此外，我们正在滚动视口，因此我们将.scrollTop() 方法绑定到$(window) 对象。在此处查看概念验证演示：http://jsfiddle.net/teddyrised/c1jvzvz7/

p/s：您已指定视口从顶部滚动到 100px 的位置。如果您想滚动到真正的顶部，请改用scrollTop(0)。