問題タブ [custom-scrolling]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
447 参照

jquery - 幅が変化するコンテナーのカスタム スクロールバー

内部に水平アコーディオンがあるため、幅が変化するdivがあります。カスタムスクロールバーを作成する必要があります。thisthisの2 つのプラグインを試しましたが、どれも機能しませんでした。同じような悩みを抱えた方もいらっしゃるのではないでしょうか?前もって感謝します!

フィドル

0 投票する
1 に答える
6709 参照

javascript - オーバーフロー隠し要素の scrollTop と scrollLeft は信頼できますか?

私は偶然それを発見しscrollTopscrollLeft要素が の場合でも要素上で動作しoverflow: hiddenます。この動作は信頼できますか?

おそらくscrollTopとscrollLeftは、スクロールバーのない要素ではゼロであると想定されており、そのような要素にそれらを設定しても効果はないと想定されています。

0 投票する
0 に答える
447 参照

ios - UIImageView の視差スクロールの使用

UIScrollView に埋め込まれた画像ビューに単純な視差スクロール効果を作成しようとしています (実際には、UIScrollview に埋め込まれたビューに画像が埋め込まれています)。これは私が取り組んでいるレイアウトです:

ページレイアウト

上のスクリーンショットからわかるように、画像は割り当てられている UIImageView よりも大きくなっています。ユーザーが画面を下にスクロールすると、このチュートリアルの例のように、画像の他の (垂直) 部分が表示されるようになります。ただし、このチュートリアルではコレクション ビューを使用して変更可能な画像の配列を表示しているため、それを目的に適合させる方法がわかりませんでした。誰もこれを達成する方法について考えを持っていますか?

0 投票する
0 に答える
519 参照

android - 署名ビューの問題でスクロールを無効にする

スクロール ビューで署名のビューを追加しようとしているので、署名ビューで署名ジェスチャを開始するとスクロール ビューが無効になり、正常に動作しています。しかし、親レイアウト onTouchlistner のスクロールを有効にしようとしています。しかし、他のビューが原因で、スクロールが正しく機能していません。次のリンクを試しましたが、問題を解決できませんでした。

これは、ジェスチャー touchlistner で scolview を無効にするためのものです。

この問題の解決方法を教えてください。よろしくお願いします。

0 投票する
1 に答える
2717 参照

javascript - マウスオーバー時のJSスクロールウィンドウ

マウスが特定の要素の上にあるときに、ウィンドウを上下にスクロールしたいと思います。

これまでのところ、基本的には機能しますが、「スムーズ」ではありません。開始と停止を繰り返し、見栄えがよくありません。より一定のスムーズなスクロールを行う方法はありますか?

これは私のコードです:

.helperDownスクロールを開始するためにマウスが入る必要がある領域です。fromTopスクロール イベントの後に常に再計算されます。

0 投票する
2 に答える
249 参照

javascript - 各カーテンが途中で交わった後にスクロールするのを遅らせるにはどうすればよいですか?

各カーテンが真ん中で出会った直後に、約 20px のスクロールの一時停止アニメーションが必要です。ここに私のサンドボックスがあります:

http://www.meetgeraldine.net/2016website/luke-test/

jQuery: http://snippi.com/s/vup8pw0

HTML: http://snippi.com/s/bp5iceg

2 つのブロックが途中で交わった直後にカーテンがフェードアウトしないように、約 20 ピクセルのスクロールでカーテンを一時停止させる方法はありますか?

0 投票する
1 に答える
17 参照

javascript - Google アナリティクス ドキュメントからスクロール効果を再現する

Google アナリティクスのドキュメント: https://developers.google.com/analytics/devguides/collection/analyticsjs/#the_javascript_tracking_snippet

左のサイドバーがページの固定高さであり、下にスクロールするとサイズが大きくなり、下に行くと縮小する素晴らしいスクロール効果があります。

このサイドバーは、メイン コンテンツとは別にスクロールすることもできます...

おそらくjqueryプラグインを介して、同様のことを達成するための既存のソリューション(またはチェーンできるソリューションのコレクション)はありますか?

今、私はMSDNに似た何かを達成することができました: https://msdn.microsoft.com/en-us/library/mt607689.aspx

スクロールにコンテンツを貼り付けますが (ブートストラップの貼り付けコンポーネントと同様)、このコンテナーの高さはブラウザーの高さを超えているため、サイドバーをスクロールするには一番下までスクロールする必要があります。

Google アナリティクス ページのソリューションは、独立してスクロールするため、はるかに洗練されています。既存のソリューションはどれも役に立ちます。自分で構築しようとする前に、そのソリューションがあるかどうかを知りたいです:)