0

特定のポイントを過ぎてスクロールすると、常にサイトの特定のポイントにジャンプする jQuery スクリプトに出くわしたり、どこから書き始めるか考えている人はいないかと思っていました。たとえば、このサイトhttp://www.bettondesignwork.co.uk/sierragrandeを取り上げます。これは、移動またはスクロールできる 4 つのフルサイズの div で構成される単一ページのサイトですが、スクロールすると 1 つの下部に移動します。 div と別の上部の両方が表示されている場合、スクリプトは最も表示されている div をページの中央に戻しますか?

私はこれが少し長いことを知っていますが、私のjQueryの知識はかなり限られており、これをどのように開始するかわかりません. 誰かが手がかりを持っているなら、私はあなたの考えを聞きたいです.

4

1 に答える 1

1

これには、jQM に組み込まれた美しいソリューションがあります。jQM ではアンカー リンクを使用できないため (data-ajax="false" を使用しない限り、それは別の問題です)、jQM 開発者はこれをシミュレートする内部機能を構築しました。

 $('a.anchor-class').live('click', function(ev) {
     var target = $( $(this).attr('href') ).get(0).offsetTop;
     $.mobile.silentScroll(target);
     return false;
 });

詳細はこちら: http://jquerymobile.com/demos/1.0/docs/api/methods.html

もちろん、top example を使用して独自のロジックを作成してください。

scrollstart scrollend イベントを使用して現在の位置を見つけ、これを div コレクションに一致させ、必要に応じて目的の位置までスクロールする必要があります。

于 2012-12-19T14:21:09.893 に答える