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

Question

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

它没有ID，所以我必须去上课。

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

谢谢..

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

Answer 1

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

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

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

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