-1

Android Tab 2 の画面に完全に適合する HTML 5 アプリ ページを作成しました。各セクションは、正確にビューポートのサイズです。合計 5 つのセクションで上から下にスクロールします。

Jquery を使用して、ユーザーが 2 つのセクションの間にあることに気付いた場合に、ブラウザをセクションの一番上まで自動的にスクロールさせたいと考えています。

ここでやりたいことの例を参照してください: http://www.twenty8twelve.com/

セクション内で 30 ピクセル (または何でも) 下がっている場合、1 秒後に領域 (セクション) がセクションの上部にアニメーション化される方法を確認してください。

4

2 に答える 2

1

彼らは効果を達成するためにいくつかのカスタム jScroll mojo を使用しています。このような単純なプラグインを使用して、その動作をシミュレートすることをお勧めします。

効果の例: http://nick-jonas.github.com/windows/

github リポジトリ: https://github.com/nick-jonas/nick-jonas.github.com/tree/master/windows

于 2013-03-12T04:09:46.433 に答える
0

autoScrolling:false自動スクロールの代わりに通常のスクロールを作成するオプションを使用して作成した fullpage.js ライブラリのライブラリでそれを行うことができます。

オンラインの例

デフォルトでは、fullpage.js は、fitToSection:true探している効果を作成するオプションを使用します。

さらに、URL でのリンク可能なアンカーの使用、コールバック、メニュー、ナビゲーション ブレットなど、その他の機能を利用することもできます。

于 2015-10-27T17:21:02.163 に答える