問題タブ [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 に答える
609 参照

javascript - ipad js/html -- ネイティブ スクロール div で固定ヘッダーとサイドバーを同期しようとしています

私は現在、ネイティブスクロールを使用して大きな棒グラフ svg を表示する iPad JS/HTML アプリに取り組んでいます。

x 軸と y 軸に沿ったラベル付けがグラフの上部と左側に保持されるようにしています。基本的に、グラフはラベルの下を自由にスライドする必要があり、ラベル自体は適切な方向にのみ移動します (たとえば、左にスクロールすると x 軸のヘッダーがラベルを移動し、垂直スクロールの場合は y 軸のラベルが移動します)。

現在、これを行うための css がありますが、ネイティブ スクロールは、パネルを同期するための JavaScript よりもはるかに高速に移動します。ある要素が他の要素よりも速くドラッグされるため、このような弾力的な相互作用があります。スクロール アニメーションが停止すると、すべてが正しい場所に表示されますが、スクロール中の操作は非常にぎこちなく見えます。

この問題に取り組むためのより良い方法はありますか? 私が利用できる他のイベントはありますか?手動で js 位置を計算せずに、複数のスクロール可能な div を同じスクロール イベントに強制的に反応させる方法はありますか? それとも、ネイティブ スクロールが GPU にオフロードされているため、遅延は避けられませんか?

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

css - Webkit ブラウザでスクロールバーを非表示にするにはどうすればよいですか?

http://jsfiddle.net/mWpLC/

リンクを確認してください。テキストの上にマウスを押して、カーソルを右にドラッグすると、ブラウザのスクロールが表示されます。

Webkit ブラウザでこれを修正するにはどうすればよいですか? テキストはスクロール可能でなければなりません。

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

javascript - プリロードに関するアドバイス

ご挨拶と、お時間をいただきありがとうございます。

ヘッドフォン会社の新しいマーケティング サイトを構築する新しい仕事を始めたばかりです。私はまだ学生で、残り 1 年で、このサイトで与えられた課題を進める最善の方法を見つけようとしています。

サイトはパララックススクロールサイトで、横にも縦にも動きます。

私がアドバイスを必要としている分野は、サイトがスクロール サイトであり、ページを更新する自然なポイントがないことです。約 25 の製品があり、それぞれにいくつかのバリエーションがあり、全部で 250 を超える画像があります。私の上司は、サイトをできるだけシームレスにスクロールすることを望んでいます。つまり、ユーザーは左/右に移動して製品を表示し、ユーザーは上下に移動してその特定の製品のバリエーションを表示します。

これらの画像を読み込む最も効果的な手段は何ですか?

  1. 私が最初に考えたのは、ホームページがロードされた後にプリローダーがすべてのロードを開始するようにすることでした。これは最も簡単な解決策のように思えますが、おそらくあまり効果的ではありませんか?

  2. 次に考えたのは、スクロールで追加のプリローダー イベントをトリガーすることでしたか? 私はこれを調べましたが、これを最もよく達成する方法についてアドバイスを使用できますか? 理由の範囲内で、ユーザーが読み込み中のgifを見るのを避けようとしています。

  3. 次のことを考えていませんか?しかし、より良いかもしれない他のプロセスについて教えてください。

私は明確な答えを探しているわけではありませんが、提供したい場合は... 私は本当にアドバイスを探しており、できれば物事を進めることができるいくつかの記事を探しています.

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

lua - Lua の入力テキスト用のカスタム スクロール ボタン

私が今直面している問題は、特にテキストの一部が入力ボックスに隠されている場合に、lua を使用して入力ボックス内のテキストを左右にスクロールする 2 つのボタンを作成したいということです。キーボードの左右の矢印を使用してこれを実行できることはわかっていますが、必要なのは、左に 1 つのボタン、右に 1 つのボタンを使用して、カスタムの方法でこれを行う方法です。実際、スクロールバーの形で 2 つのボタンを使用してカーソルの移動を制御する方法を言う必要があるかどうかさえわかりません。ただし、ボタンが作成された後、どうすればlua言語でこれを行うことができますか?

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

extjs - Extjsウィンドウのサイズ変更後にflexcrollが機能しない

私はExtJs4.1.0を使用していますが、extjsは初めてです。カスタムスクロールバーをウィンドウとパネルに適用するためにfleXcrollを使用しました。これまでのところ正常に機能していますが、ウィンドウのサイズを変更しようとすると、スクロールバーが更新されず、画面から非表示になります。

コードは次のとおりです。

誰かが同様の問題を抱えていましたか?私を助けてください。

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

jquery - ページを下にスクロールしながらデータをロードする方法

データベースから読み取られ、Struts の表示タグによってユーザーに表示される値のリストを表示したいと思います。その値のリストは、ユーザーがページを下にスクロールすると同時にロードする必要があります

私の問題は次のとおりです。

私はすでにいくつかのデータのみをロードするアクションを持っているので、jQuery の関数を使用してロードを行うことを考えていました$.ajax()が、そのようなことを試みる前に、他の Struts を使用してそれを行うオプションがあるかどうかを知りたいです。タグとか。(並べ替えが必要なため、表示タグを使用しています。)

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

jquery - スクロールとスクロールバーの異なる方向 (jQuery Scrollbar Plugin)

水平スクロールバーで div を垂直にスクロールすることは可能ですか? (画像を参照 - 円を右にスライドすると、下にスクロールします)

人気のある jquery スクロールバー プラグインでこれが可能であれば、あまりコーディングせずにいくつかの高度なオプションを使用できるといいのですが...

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

-- 理解のために画像をチェックしてください:

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

gwt - GWT CustomScrollPanel-カスタムスクロールバーの上にデフォルトのスクロールバーが表示されないようにするにはどうすればよいですか?

それぞれがからVaadinを返すCustomScrollPanel独自のHorizontalScrollbar実装でを実行してみました。はレンダリングされているように見えますが、ネイティブスクロールバー(ウィジェットの一部ではありません)の下にのみ表示されます。ネイティブのスクロールバーの代わりに表示されることを期待していました。これが事実であることをどのように確認しますか?VerticalScrollbarDrawingAreaasWidget()DrawingAreaDrawingArea

(PS私はGWT CustomScrollPanelの例で例を試しましたが、役に立ちませんでした。)

0 投票する
3 に答える
902 参照

css - css でカスタム スクロールを作成するには?

私は問題に直面しています。私はウェブサイトで働いています。そこに、カスタマイズ スクロール バーを配置する必要があります。どうやってそれを言えばいいのかわかりません。CSSによるデフォルトのスクロールバーの代わりにカスタマイズしたスクロールバーを使用する方法を教えてください(これは私が必要とするスクロールバーです: http://i.imgur.com/NepkiOg.jpg )? 今のところ、デフォルトのスクロール バーのみを使用しました: http://abidhasan.zxq.net/Fysiovisiq


また、スクロールバーのカスタマイズをクロスブラウザ対応にする方法を教えてください。

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

jquery - mCustomScrollbar が HTML 5 オーディオ プレーヤーで機能しない

mCustomScrollbar スクローラー内の純粋な html 5 オーディオ プレーヤーに問題があります。プレーヤーのトラッカーをドラッグしようとすると、おかしくなり、マウスがプレーヤー トラッカーに接続されます。リンクはhttp://jsfiddle.net/です。 FhWez/10/embedded/result/ ありがとうございます。