問題タブ [scroller]

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 に答える
445 参照

javascript - jQuery のホバー スクロール。

私は本当にjQueryバフではありません。だから私は助けを求めてここに来ます。

これがアイデアです。10 枚の画像と 10 枚のサムネイルがあります。サムネイルにマウスを合わせると、対応する画像が表示されます (私のコードは jsbin http://jsbin.com/ayigew/1/editにあります)。

私が欲しいのは、このオーバー機能を上下の緑色のバーに追加することです。

アイデアは、トップバーにマウスを合わせると、リスト内の次の画像までスクロールアップするというものです。一番下の緑色のバーにカーソルを合わせると、リスト内の次の画像に移動します。

これが私がこれまでに持っているものですhttp://jsbin.com/ayigew/1/edit

したがって、サムネイルにマウスを合わせる代わりに、上部または下部にある緑色のバーにマウスを合わせると、前後に移動できます。

あなたが助けてくれることを願っています:)

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

javascript - javascript の取得と適切な劣化の問題 - 画像スクローラー

http://www.deadmarshes.com/Blog/jQuery+Slideshow+with+Crossfade.htmlの例に従って、javascript スクローラーを作成しようとしています。

残念ながら、このバージョンでは JavaScript が無効になっていると何も表示されませんが、少なくとも最初の画像とキャプションを表示してから動かないようにしたいと思います。

JSを追加する前に画像が読み込まれましたが、現時点では機能していないようです。すべてのコードがありますが、私は少し愚かなので、単純なものが欠けている可能性があります。

http://jsfiddle.net/Lew7H/2/

最初の移行を行わず、最初の「スライド」だけを作成する方法を知っている人はいますか?

また、3 枚ではなく 4 枚のスライドを表示するように少し変更しました。JS の 2 か所 (集計を行っている場所) で 3 を 4 に変更しました。スライドを数回変更してから、通常の実行に戻します。現在のスライドを示すためのインジケーターがいたるところに表示され始めます。

それはJSでのカウント方法に関係していると思いますが、正直なところ何をしているのかわかりません。

どんな助けでも大歓迎です。

編集: いくつかのインジケーターをクリックした後にインジケーターが台無しになるという 2 番目の問題を見てください。トランジションのタイミングも奇妙になります。数回クリックすると、トランジションとポインターが数回移動するようです。IE では、スライドとポインターを移動する JS のビットが複数あるため、トランジションのタイミングがおかしくなり、複数のポインターが発生します。それは可能でしょうか?

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

css - スクローラーを表示せずに、ウェブサイトの幅の外側に画像を含む div を設定するにはどうすればよいですか?

div本体の左右に2 つの s がある Web サイトがあり、どちらも500px本体の幅と合わせて、おおよその幅の画像を持っています980px(通常の画面解像度よりも大きくなります)。

HTML:

CSS:

ではbody既に を設定しているoverflow-x: hiddenため、垂直スクロール バーは表示されませんが、ページは矢印とマウスの中央ボタンでスクロールできます。

divjQueryを使用してスクロールを無効にすることはできないので、ウェブサイトにスクロールバーを配置せずに、大きな画像で s を表示する方法があるかどうか疑問に思っていましたか?

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

scroller - ある程度スクロールした後、右の列の上部を修正

「#rightPanelscrl」の最後の部分が見えたら、その位置を修正したいと思います。私は以下のコードを使用していますが、FFでは正しく機能していますが、Chromeではまったく機能していません。

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

jquery - ユーザーがスクロールにカスタム スクローラーまたはマウスを使用しているかどうかを理解する方法

こちらでご覧いただけるように、カスタム スクローラーを実装しました。私のスクローラーでは、ScrollToを使用しました。問題は、ユーザーがカスタム スクローラーを使用しているときと、マウスやキーボードなどの他のスクロール方法を使用しているときを理解する必要があることです。私はこれを試しました:

私のカスタムスクローラーもこれをトリガーします。これが私のページの構造です:

そして、これが私のカスタムスクローラーのコードです:

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

javascript - Zynga Scroller "Completed" Method?

I'm using Zynga Scroller ( https://github.com/zynga/scroller) to scroll a list and snap to middle. I need something to hook onto when the scrolling is complete to show an article based on that list item. My question is there a way to use "completed" (which is in the core)?

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

android - 拡張テキストビュー スクローラーでテキスト サイズを大きくするとテキストが切り捨てられる

この例に基づいてテキストをスクロールする TextView をカスタマイズするために、Android TextView から派生したクラスがあります:元のサンプル コード

私の問題は、スクロール中のテキストのサイズに応じて、テキストがさまざまな位置で切り捨てられることです。たとえば、長さが 90 文字のテキストは、テキスト サイズが 100 未満の場合は問題なくスクロールしますが、テキスト サイズが 240 に設定されている場合 (つまり、横向きモードで携帯電話の高さを埋めるため)、テキストは文字位置 83 で切り捨てられます。テキストのサイズが大きくなるほど切り捨てられます。

ある種のメモリ制限があるかのようです。

そしてクラスで

誰かが試して再現したい場合は、元のサンプル コードを使用して問題を再現できます。

テキストのサイズに応じて、テキストが異なる位置で切り捨てられる理由を知っている人はいますか?

私のレイアウト

前もって感謝します

さらに: 別のフォントを使用する場合、同じテキスト サイズを使用すると、切り捨てが開始される位置が変わります。まだリソースの問題のように見えますが、どこでバッファを増やすべきですか?

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

jquery - コンテンツを更新するJquery連続垂直テキストスクローラー

私はJQueryを自分のやりたいことを実行するように適応させようとしてきましたが、答えを見つけるために何時間も費やした後、自分のより良い人にアピールしています。vtickerを使用して、継続的にスクロールするディスプレイを作成しています。この情報は60〜90秒ごとに更新されますが、長さは異なる場合があります。だから私は2つのもののうちの1つを探しています:

1)AZデータの最初の反復を表示し、Zが画面上でスクロールし始めたら、すぐにAZデータの次の反復を取得します。したがって、Aの反復#2はZの反復#1の直後に続きます。

2)一定の間隔を置いてデータの次の反復をリロードするだけですが、前の反復が完了するまでデータを表示しません。

私はPHPにかなり精通しているので、PHPスクリプトから、またはPHPスクリプトが作成する静的HTMLファイルからデータを返すことができます。

アップデート:

これが私のコードです。ほとんどの場合は機能しますが、リストの途中にいる場合は、その場でそれらのエントリが更新されます。たとえば、私のリストがAZであると仮定しますが、画面にはFNのみが表示されます。更新が発生すると、WXYZが下から上に移動するまで待つのではなく、画面上のFNが更新されます。

コード:

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

android - Android: 拡張アダプタビューまたはビューグループをスクロールする方法

この拡張 AdapterView のフォローアップ

これはこのSO投稿で達成できることを知っています

注: listview と Gallery がビューをスクロールして再利用する方法を理解しようとしています。

カスタム ViewGroup/AdapterView をスクロールするには?

listview のソース コードを調べると、onTouch() と dispatchTouchEvent() をオーバーライドできることがわかりました。(推測された FlingRunnable は、Scrollerクラスを使用して定数を更新し続けます)

しかし、リストビュー/グリッドビューまたはギャラリーと同じくらいスムーズにスクロールされたオフセットでビュー全体を再描画する正確な API メソッドは何ですか?

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

android - Android 用のスクローラー コンポーネントはありますか?

に似たものへの適切な参照を誰かが知っているかどうか知りたいだけです:

画像スクローラー

ただし、Android の場合。

または私は自分で実装する必要がありますか?