タグ付けされた質問 「scrollto」


9
ドキュメントをジャンプせずにwindow.location.hashを更新するにはどうすればよいですか?
ウェブサイトにスライドパネルを設置しています。 アニメーションが終了したら、ハッシュを次のように設定しました function() { window.location.hash = id; } (これはコールバックであり、id以前に割り当てられます)。 これは、ユーザーがパネルをブックマークできるようにするために、またJavaScript以外のバージョンが機能するためにうまく機能します。 しかし、ハッシュを更新すると、ブラウザはその場所にジャンプします。これは予想される動作だと思います。 私の質問は、これをどのように防ぐことができますか?つまり、どうすればウィンドウのハッシュを変更できますが、ハッシュが存在する場合はブラウザで要素までスクロールしませんか?ある種のevent.preventDefault()もののようなもの? 私はjQuery 1.4とscrollToプラグインを使用しています。 どうもありがとう! 更新 パネルを変更するコードは次のとおりです。 $('#something a').click(function(event) { event.preventDefault(); var link = $(this); var id = link[0].hash; $('#slider').scrollTo(id, 800, { onAfter: function() { link.parents('li').siblings().removeClass('active'); link.parent().addClass('active'); window.location.hash = id; } }); });


6
JQuery $ .scrollTo()関数を使用してウィンドウをスクロールする方法
ユーザーがドキュメントの上部に近づくたびに100pxスクロールダウンしようとしています。 ユーザーがドキュメントの上部に近づいたときに関数を実行していますが、.scrollTo関数が機能していません。 アラートを前後に配置して、それが実際に回線であったかどうかを確認し、それが停止していたことを確認しました。最初のアラートのみがオフになりました。コードは次のとおりです。 alert("starting"); $.scrollTo({ top: '+=100px', left: '+=0px' }, 800); alert("finished"); 他の多くのjquery関数を使用していて、すべて正常に機能しているため、jqueryページが適切にリンクされていることがわかります。また、上から「px」を削除しようとしましたが、違いはないようです。

12
ユーザーが特定の要素にスクロールしたときにイベントをトリガーする-jQueryを使用
ページのはるか下にあるh1があります。 <h1 id="scroll-to">TRIGGER EVENT WHEN SCROLLED TO.</h1> そして、ユーザーがh1にスクロールしたとき、またはブラウザーのビューにアラートが表示されたときにアラートをトリガーしたいと思います。 $('#scroll-to').scroll(function() { alert('you have scrolled to the h1!'); }); どうすればこれを行うことができますか?
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.