問題タブ [scrolltop]

私はそのナイキサイトのように視差スクロールで遊んでいます。そのため、 scrollTopを使用してページ上のユーザーの垂直位置を決定し、その値の変更に基づいて要素の位置を調整しました。

ここでは、scrollTop値を丸めてログに記録します。ログは後で表示します。

次に、クリックすると、渡したscrollTop値にスクロールするこの関数を呼び出します。

ここに問題があります。アニメーション化する前に、スクロールトップの値が0にジャンプします。

だから私はページの途中にいて、ログに記録します：

私が物を配置する方法は、scrollTop値の精度に依存しています。だから私の質問は：

アニメーションを実行する前に、scrollTop値が0にジャンプしないようにするにはどうすればよいですか？

さらに情報が必要な場合はお知らせください。
サイトのライブバージョンは次のとおりです：http ：//theblueeyeguy.com/moon/Illumination/

（[次へ]、[前へ]の順にクリックして解除します）

<li>次を使用して、順序付けられていないリストの最後までスクロールしています。

$("html,body").animate({scrollTop: $('ul#cart-items li').offset().top});

これを変更して、順序付けされていないリストの最後までスクロールする<li>だけでなく、上から約 30px オフセットするにはどうすればよいですか?

ナビゲーション用の垂直スクロールを備えた単一ページのサイトを開発しています。固定位置のナビゲーション バーがあり、ナビゲーションの右側に浮かんでいる間、スクロール コンテンツが上下するはずです。ここにプレビュー リンクがあります: http://mistersaisho.com/actioncreations/pageSlider/

問題は、Firefox、Safari、および Chrome で完全に正常に動作することです。Ipad で表示すると、最初にナビゲーション項目を選択したときに、スクロールが完全に機能します。完了するとすぐに、スライダーのコンテンツを制御していないものであっても、ナビのすべてのクリック機能が機能しなくなります。

ページ スクローラーを使用してサイト全体を移動できるようにする必要があるため、私のプロジェクトでは機能しない marginTop などの別のプロパティをアニメーション化してもエラーは発生しません。

この問題を解決する方法について誰かアイデアがありますか?

ありがとうございました。

sectionオーバーフローがに設定されたdivにかなりの数のタグがありますhidden。コードは次のようになっています。

メニューで対応するリンクが押されたときに、にsections含まれているものをスクロールできるようにしたいので、このように設定しました。div私はこの機能を持っています：

サイズが異なる#viewportため、divのサイズを変更するために使用します。sectionsこのスクロール部分をその関数に入れようとすると、次のようになります。

ページ全体がスクロールします。置き換えようとすると$('body,html')、$('section, #viewport')div内でスクロールしますが、正しく実行されません。

ここにこれの実例があります。.offset()私はそれがまたは私が渡したもののいずれかと関係があると思いますが.animate()、私はかなりの数の異なることを試みましたが、役に立ちませんでした。誰かが私を正しい方向に向けたり、私が間違ったことを教えてもらえますか？

animate()クリックごとに整数を増やすにはどうすればよいですか?

例えば、

html、

jquery、

ボタンを最初にクリックすると、の要素が.items-thread上にスクロールされ50px、ボタンを2回クリックする100pxと、上にスクロールする必要があります。

要素をスクロールして非表示のコンテンツを表示するこのプラグインに取り組んでいます。

しかし、例えば、私はそれを正しくすることはできません。

1. コンテンツをスクロールして数字 7,8に到達し、1 ステップ前にスクロールして数字 5,6に到達したいが、スクロールして数字 1,2に到達した場合。

2. 誤って番号 1,2に達した後、ボタンをもう一度クリックすると、番号 8,9に到達するまでまっすぐ下にスクロールします。more

どうすれば修正できますか？

プラグインコードはこちら

特定のdivコンテナの一番上までスクロールしようとしています。現在、私のコードは代わりにページのコンテンツをスクロールして表示しています。誰もがどのように間違っているのか考えていますか？:)コードは次のとおりです。

Webページのスクロールに続いて典型的なメニューを表示しようとしていますが、

ページスクロールでmarginTopの位置を変えたかったのですが、

しかし、それはバーを動かさないだけです... :s

Webkit で、外部コンテナー (私の場合は div) の子要素のいずれかを再レンダリングするか、これらの子の表示属性を display:none/block/inline/inline-block との間で変更すると、コンテナー要素がスクロールして戻るようになります。上。このようにして、スクロール領域の下端にある要素にユーザーが到達することはありません。これは、前述のいずれかが発生するとすぐに、この領域がスクロールして上に戻り続けるためです。

Firefox では、必要に応じてスクロール位置が維持されます。

例(左側のリストを展開して強制的にスクロールバーを表示するか、左側のアルバムを選択して、メイン表示領域にスクロールバーを表示し、一番下までスクロールして画像の上にカーソルを合わせるのに十分なコンテンツがあるようにします)

Webkit ブラウザーでもユーザー エクスペリエンスを維持するために実装できる回避策/修正はありますか?

ありがとう

bigspotteddogのScrollToFixedプラグインを使用しました

（https://github.com/bigspotteddog/ScrollToFixed）

私のウェブサイトで

（http://faiththeagency.com/easyphone/frequently-asked-questions.php）*プラグインが機能するようにWebサイトを更新しました

そして基本的に私が見ることができるものから、このプラグインはこれらの属性を持つ私の＃float-ctadivのすぐ下にdivを挿入しています：

そして、これは私のレイアウトを変更してジャンプするように仕向けていますが、なぜこれが起こっているのか誰かがわかりますか？

これが私のコードです。

jQuery

CSS

ご不明な点がございましたら、一日中お答えいたしますので、よろしくお願いいたします。