問題タブ [smooth-scrolling]

http://www.smoothdivscroll.com/のサイトにあるスムーズな div スクローラーを使用しています。

なんらかの理由で機能していません。その理由はわかりません。私が得ているのは、スクロールしない固定画像のページだけです。ここに私のHTMLがあります:

これが私のスクリプトです：

これが私のCSSです：

たぶん、私が見落としていたり​​、見ていなかったりする、本当に単純なことだと思いますが、しばらく経ちましたが、まだ理解できていません。

アップデート

これが私のコードのJsFiddleですどうもありがとう。

そこで、RootsTheme (Bootstrap を使用)、Wordpress (Joomla! バックグラウンドから)、および Pagodabox を試してきました。

これがその結果です: http://ajmalafif.com/

ただし、私が試した JavaScript ソリューションでは、ナビゲーション バーに既知の問題がいくつかあります。

ルート #1) Chris Coyier のスムーズ スクロール

現在、私のサイトはこれで運営されています。

何がうまくいかないか - 画面が小さい場合やブラウザのサイズが変更された場合、ナビゲーションは非常に高い高さでぎこちなく停止します (画面幅 > 1200px で -90px にオフセットするように設定されているため)。

機能 - 画像の次および前のリンク ボタンが機能します (mysite.com#link をクリックしても、ナビゲーション バー アンカーと画像リンク クリック アンカーの間で競合しません)。

コードの例: http://jsfiddle.net/ajmalafif/LvPUC/1/

ルート #2) ウィリアム・マロの getElementbyId

私は最初にこのソリューションを気に入って使用しました。

何が機能しないか - オフセット ソリューションがないため、h1 タイトルで直接停止し、そのビューをブロックします。-bootstrap-carousel.js と競合します。画像カルーセルをクリックすると、画面/ナビゲーション バーが移動し、画像がブラウザーの上部に配置されます。

動作するもの - 任意のブラウザー サイズ (およびサイズ変更時) で動作し、それに応じてターゲット/到着します。

コードの例: http://jsfiddle.net/ajmalafif/bReUF/

--

ルート 1 が明確な勝者のように見えるかもしれませんが、現在私のサイトで実行されているものと同様に、特に iPad 内で表示する場合に問題はほとんどありません。それで、これを機能させるために私が得ることができるポインタ/ヘルプはありますか;

• href ターゲットは、ブラウザの幅に関係なく正確にオフセットされます (おそらく、差分ブラウザの幅に基づいて差分オフセットを設定するソリューションです)?、または

• getElementbyId ソリューションを使用するときにオフセットする方法 (ルート #2 を参照) と、bootstrap-carousel.js と互換性を持たせる方法 (したがって、別の画像カルーセル # アンカー タグをクリックしても移動しません)?

ご心配いただきありがとうございます。

ビューの最後までスクロールしたい。現在、スクロールビューを最後に追加されたビューの最後までスクロールしようとしています。私はsetscrolly、smoothscrolltoで試しました。どちらも機能しますが、問題は両方とも最後までスクロールせず、最後の1ビューまでスクロールするだけです。これを克服する方法を教えてください。

リストビューをスキップせずに、すべてのアイテムをできるだけ速くスクロールする必要があります。

SmoothScrollToPositionFromTop(int,int,int)は非常に優れていることがわかりましたが、API11+ でのみ機能し、少なくとも API8 をターゲットにしたいと考えています。

また、setOnScrollListener と同様のソリューション (setSelection など) を使用しようとしましたが、それらは機能しなかったか、遅すぎて、エンド ユーザーができることを反映していません (リストビューを高速で飛ばす)。どうすればこれを達成できますか?

iPad アプリケーションで、適度に DOM を集中的に使用する HTML ページのページ付けされたスライドショーを表示する必要があります。
すべてのドキュメントは iPad の画面に合わせて調整されているため、s 内でスクロールすることはありませんUIWebView。

UIWebViewページネーションのためにs を中 に入れることにしましたUIScrollView。
すべての Web ビューがコンテンツをレンダリングした後は、非常にうまくスムーズに動作します。

ただし、ユーザーがスクロールできるようになる前に、20、30、または 50 の Web ビューが読み込まれるのを待つ余裕はありません。数分かかります。ハンドラーで
スワイプを予測し、ユーザーがスクロールし続けると次のページをいくつかプリロードしようとしました。scrollViewDidScroll

これははるかにうまく機能しました (10 と 150 の Web ビューの間でパフォーマンスの違いはありません)。
ただし、ハンドラーを呼び出すとloadHTMLStringscrollViewDidScroll、スクロールが滑らかさを失います。

特定のものを表示するのに 1 秒長くかかるかどうかは気にしません —UIWebView私が望むのは、スクロールがスムーズでできるだけ早く利用できるようにすることとUIWebView、外出先で s を遅延してプリロードすることだけです。

どうすればそれを達成できますか？

作業中のサイトに SmoothDivScroll プラグインがあり、外部ファイルからコンテンツを取得する AJAX コンテンツ機能を使用しています。それはすべて見事に機能しますが、ページがスクローラーの自動スクロールをロードするとき（これは私が望むものです）、手動でスクロールしてから停止すると、自動スクロールが再び開始されないということです。これを行うことは可能ですか、それを行う方法について誰かが私にいくつかの指針を与えることができますか?

一番、

コバーン。

私はしばらくの間このコードに取り組んできました。ギャラリーページにajaxが読み込まれたら、SmoothDivScrolljqueryプラグインを実装しようとしています。これが私のjsとajaxです。ギャラリーにajaxをロードしなくても、smoothdivscrollは正常に機能することに注意してください。

更新：@Mathleticsの回答は、コールバックでプラグインを呼び出すことによってプラグインをロードしましたが、smoothscrollingdivはそれほどスムーズではありません。写真はインラインではなく、スライドは非常にぎくしゃくしています。ajaxでロードしなくても完全に正常に動作します。以下に、ajaxを使用した場合と使用しない場合のリンクを示します。

Ajax Loaded：メニューからギャラリーを選択します

Ajaxなし：これがギャラリーの本来の姿です

私のサイトhttp://goo.gl/34oQ8では、このチュートリアルhttp://trevordavis.net/blog/jquery-one-page-navigation-plugin/に基づいて、強調表示されたナビゲーションを使用してスムーズなスクロールを実装しまし た。 [お問い合わせ] 項目が表示されますが、機能しません ([お問い合わせ] メニュー項目のみが強調表示されます)。理由がわかりますか？#inline ref - tks にリンクされていると思われます

ホームページの下部に連絡先フォームを含め、このセクションのアンカーを div id="contact" として指定しました。

任意のページで連絡先ボタンをクリックすると、ホームページに移動し、ページの読み込み時に連絡先フォームに自動的にスクロールします。

ここで見つけた同様の質問を確認した後、これを機能させることに失敗しました: jQuery scroll to ID from different page 試してみると、フォームにジャンプするだけです。スムーズにスクロールしたい。

他のページからホームページの連絡先アンカーにスクロールする問題の jquery 関数:

私はこの例に似た何かを達成しようとしています: http://vostrel.cz/so/9652944/page.html 違いは、この場合、両方のページに表示される「アンカー ID」の代わりに、アンカー ID (連絡先) は 1 つのページ (ホーム) にのみ表示されます。