mmenu を使用して、誰かがサブページの「矢印」をクリックするたびにページの上部にスクロールしたいと思います。a href クラスの名前は「mm-subopen」です。
IDがないので、クラスに行かなければなりません。
どうすればこれを達成できますか? 以下を試してみましたが、うまくいきません。
ありがとう..
$(function() {
$("a.mm-subopen").scrollToTop(100);
});
クリック イベントをセレクターにバインドするのを忘れていると思います。対象の要素からトリガーされたときに、どのイベントが一番上へのスクロール機能をトリガーするかを 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)
代わりに使用してください。