問題タブ [scrollable]

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 投票する
2 に答える
1172 参照

javascript - 単一のアイテムに対してjQueryツールのスクロール可能なコンポーネントを適切に初期化するにはどうすればよいですか?

jQuery ToolsのScrollableコンポーネントを使用するWebページを作成しました。このページは、最小限のセットアップデモに基づいています。このデモのように、私のページも5つのサムネイル画像用のスペースがあるスクロール可能なアイテムを使用していますが、ページを初めてロードするときは、3つのサムネイル画像のみを含む1つのスクロール可能なアイテムのみが必要で、残りの2つの画像スロットは空です。デモの3つのスクロール可能なアイテムdivを1つのスクロール可能なアイテムdivに置き換えるだけで、すべてが正常に見えると思いましたが、そうすると、操作できない左/前のアイコンと右/次のアイコンが表示されます。スクロール先の前または次のスクロール可能なアイテムはありません。

ここにjsfiddleサイトでやろうとしていることの例があります。これは基本的に上記のデモであり、適用できないスクロール可能なアイテムのdivと子のimgがコメント化されています。

適用できない左/前のアイコンと右/次のアイコンを表示せずに、ページ上にスクロール可能なアイテムが1つだけになるように、スクロール可能なアイテムを初期化するにはどうすればよいですか?

よろしくお願いします。

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

android - Androidで複数のボタンにスクロール可能なボタンを設定するには?

私は5つのボタンを持っています。すべてのボタンをスクロールしたいのですが、私のコードは

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

android - Google ドキュメント Android アプリのナビゲーション トップ バー

Google が Google Docs App のトップバーでどのようなコントロールを使用しているか知っている人はいますか? ホーム画面でアイテムを選択した後に表示される、スター付き/すべてのアイテム/自分が所有/ホームのラベルが付いたスクロール可能なものを指しています。

ありがとう

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

javascript - スクロール可能なドロップダウン リスト

私はこれを理解しようとしています。サンプルコードはこちら

これをスクロール可能にするにはどうすればよいですか?3 つのオプションのみを表示し、最後のオプションまでスクロール可能で、ドロップダウン メニューを表示したいとします。多くの人がattr "size"、付属の を使用することを提案してい<select>ます。それはスクロール可能な効果をもたらしますが、私が考えているものではありません。

それで、これは可能ですか?私はフォーラムを調査してきましたが、多くの人が<div>style で tagを使用することを提案しましoverflow autoた。しかし、スクロール可能なドロップダウンメニューを作成できるかどうか疑問に思っています。

前もって感謝します。

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

jquery - jQueryToolsScrollableのアイテムに現在の状態を追加する

しばらく作業していたjQueryToolsScrollableがあり、ブラウザーのサイズに基づいて動的にサイズが変更される場所に到達しました。次のボタンは、スクロール可能なものの最も適切なポイントで無効になります。

スクロール可能な各アイテムは、背景の変更をトリガーします。現在、「現在の」クラスを切り替えようとしています。それらにカーソルを合わせると、白い境界線が表示されます。それも.current状態にしたいと思います。どうすればそれを切り替えることができますか?

JavaScript:

CSS:

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

javascript - Javascriptなしでスクロール可能なDIVをスクロールしますか?

私は基本的に固定幅のDIVを持っており、リストが大きすぎるとDIVの右側にオーバーフローする順序付けられていないリストが内部にあります。基本的には次のようになります。

http://i.imgur.com/Tr36X.jpg

各リストアイテム(基本的に60x60の画像)はクリック可能であり、現在の画像であることを示すために1つが異なる色で強調表示されていることを除いて、同じDIV要素と同じリストアイテムを持つページに移動します。私がやろうとしているのは、現在選択されているもの(class="active"属性を持っているもの)をスクロールするDIVの中央に表示するようにすることです。

http://i.imgur.com/YtF1y.jpg

私が考えることができる唯一の方法は、ページにJavascriptファイルを含めて、どのリストアイテムにclass="active"属性があるかを見つけ、Javascriptを使用してそれに沿ってスクロールすることです。これに伴う問題は、ページが読み込まれるときに最初は正しい位置にスクロールされないことです。ユーザーは、Javascriptが読み込まれて実行されるときに、ページが所定の位置に「ジャンプ」するのを確認します。

Javascriptなしでやりたいことをする方法はありますか?必要に応じて、マークアップとCSSハッカーを少し気にしません。

ありがとう!

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

c# - Scrollable = false で垂直スクロールバーを非表示にする/一番上の項目を同期する

2 つのリスト ビューを同期して、そのうちの 1 つが実質的に 1 つの列の「フリーズ ペイン」になるようにしようとしています (Excel のフリーズ ヘッダーを考えてください)。

ただし、スクロール時に一番上のアイテムを同期させるのに苦労しています。Scrollable を false に設定することで、ヘッダー リスト ビューの垂直スクロール バーと水平スクロール バーを非表示にする必要があります。これは「EnsureVisible」と「TopItem」機能を無効にしているようですが?

マスターリストビューのスクロールバーメッセージを傍受したので、いつスクロールされるかがわかりますが、何らかの理由でヘッダーリストビューの一番上の項目を更新して一致させることができません。

ヘッダーリストビューを更新するためのコードは次のとおりです。

Scrollable = false のときに、ヘッダー リストビューでアイテムを強制的にトップアイテムとして設定する別の方法があるかどうか、またはこれにアプローチするより良い方法があるかどうか疑問に思っていました。

どうもありがとう

0 投票する
5 に答える
91803 参照

iframe - HTMLのチェックボックスのリストを含むスクロール可能なボックス

添付されているのは、必要なUIに対して行ったモックアップの写真です。ご覧のとおり、チェックボックスを含むある種のスクロール可能なボックスが必要です。

ここに画像の説明を入力してください

スクロール可能なdivを考えましたが、divの周囲に境界線を設定する方法が見つかりませんか?次に、IFrameについて考えました。しかし、これが私の最善の選択肢であるかどうかもわかりません。

誰かがおそらくこれを行うためのより簡単な/より良い方法を持っていますか?

前もって感謝します!

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

javascript - ワードプレスでスクロール可能なフロート画像

ユーザーがページをスクロールしたときに上下にスクロールするフローティング画像を実装したいと思います。

練習用ボードでうまく機能するコードをグーグルで検索しましたが、Wordpressに挿入すると(指示どおりにend-body-tagのfooter.php直前に)、そこにあるだけで、スクロールしてもスクロールしません...

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

リンクはここにあります:http://nailian.ca/

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

jquery - jQuery Toolsのスクロール可能なウィザードエラーにエラーはありますか?

作業中の現在のWebアプリケーションにウィザードを実装しようとしています。

リストに3つのアイテム(ペイン)がある場合、すべてがうまく機能します。4番目のアイテム(「ファイナライズ」というタイトル)を追加すると、パネルが超高速で「飛ぶ」と、空白の白い画面が表示されます。

また、FIREFOX、Chrome、Internet Explore 8でこれを試していたことにも注意してください。これらはすべて、エラーが異なるようです。

動作するデモはここにあります:

http://www.fusze.com/debug_scroller

これは私のCSSに問題があるように感じますが、よくわかりません。

よろしくお願いします、カーク