問題タブ [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.
jquery - jQueryアニメーションの期間の代わりに速度を定義できますか?
私は、動的な値に依存するこの位置を持っています。より短い距離をより速くアニメーション化する必要がありますが、同じ量の加速度 (速度) の外観を持つことは理にかなっています。ただし、jquery のドキュメントでは、期間を定義する方法しか見当たりません。これは、多くの場合は問題ありませんが、他の場合は問題ありません。値が小さい場合は持続時間も短く、値が長い場合は持続時間が長くなるように速度を定義するにはどうすればよいですか。ありがとう。
javascript - jquery mcustomscrollbar は現在のアイテムを取得します
スライダー領域で mcustomscrollbar を使用しました。
URL横スクロール例のURLはこちらを参考にしてください
横スクロール部を利用しましたcontent x
以下は私が使用したコードです
ここでは、正常に動作しています。私のタスクは、スクロール率を取得したコールバック領域にあります。これを使用して、現在の要素番号を取得する方法。つまり、最初はスクロール パーセンテージは 0 で、要素は 0 番目で、1 番目の要素が表示されます。スクロールバーをドラッグした後、ある位置に移動しました。その時点で、どの要素がビュー ポート スライダー領域にあるか。スクロール中に、スクロールバーがある現在の要素を取得したいと思います。
これを手に入れるのを手伝ってください。スクロールバーが3番目の要素より下にある場合、要素番号を取得したい。
要素番号を取得するには、次を使用しました。
しかし、それは間違った結果をもたらします
スクリーン ショットを参照してください: すべての画像のスクロールはこちら
ここで、スクロールは 3 番目の要素の近くにあります
ここでスクロールは5番目の要素の近くにあります
css - ページスクロール?多分z-index?
やあみんな、この質問はどこかで出てきたと確信していますが、探しているものを検索するために使用する正しい語彙が本当にわかりません. そこで、Web ページを集めてプロジェクトのインスピレーションに使用していると、スクロール機能を備えた Web サイトに出会いました。
私が見ているのは、ホームページを下にスクロールすると、ヘッダー ビデオの上に移動することです。洗練されていると思いますが、開発者ツールのチェックマークをオンまたはオフにして、彼らがどのようにそれを行ったのかを確認しました.z-indexと関係があると確信していますが、少し困惑しています. 午前1時だからかな。
初心者の質問で申し訳ありませんが、私は本当にフロントエンドのことを始めています。
どんな助けでも大歓迎です。
-ベン
javascript - jQuery カスタム スクロールでちらつきが発生する
このjQuery カスタム コンテンツ スクローラーを使用していますが、スクロール可能なセクションがちらつきます。
- 別のランダムなボタンをクリックすると、継続的にちらつきます
- 何もしなければ、数秒間隔で点滅します
使用したコード:
問題を示すためにgifを添付しました:http://gyazo.com/9ea9d558f2630c74a157c70a367d1868
jquery - Google マップの情報ウィンドウが自分のウィンドウの外にスクロールしないようにする
情報ウィンドウ内をスクロールするときに Web ページがスクロールされないようにしようとしています。私の情報ウィンドウには、内部にスクロール可能な div があり、div の下部に到達すると Web ページがスクロールされます。
以下に示すように、「オーバーフロー」CSSスタイルを変更することにより、jQueryを使用して通常のdivでそれを行う方法を知っています。
しかし、情報ウィンドウ内で div を使用すると機能しないようです。なんとかできた人いますか?また、mouseover および mouseout イベントの情報ウィンドウに Google リスナーを使用しようとしましたが、うまくいきませんでした。
javascript - Google マップの情報ウィンドウにカスタム スクロールバーを適用する方法
infowindow
コンテンツがウィンドウに収まらない場合に垂直スクロールバーを使用するがあります。jqueryカスタムスクロールバーをinfowindow
細い丸みを帯びたスクロールバーに適用したいと思います(デフォルトスキンだと思います)。
ここでフィドルを参照してください。必要なコードをすべて追加しましたが、デフォルトのスクロールバーがまだ表示されています。
読み込み中:
スキンの追加:
CSS:
編集:以下の回答の後、スクロールバーが下部で切り取られます。要求に応じて下の画像を参照してください。