問題タブ [jquery-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.
javascript - jQueryのスクロール可能な質問
スクロール可能な開始前にdivボックスをフェードアウトし、アニメーションが停止した後にフェードインするにはどうすればよいですか? 私にとっては、スクロール可能になり、バックグラウンドで実行されてイベントを探しているように見えるからです。
のような機能はありonBeforeStart()
ますか?
マックスに挨拶
jquery - jQueryToolsScrollableのアイテムに現在の状態を追加する
しばらく作業していたjQueryToolsScrollableがあり、ブラウザーのサイズに基づいて動的にサイズが変更される場所に到達しました。次のボタンは、スクロール可能なものの最も適切なポイントで無効になります。
スクロール可能な各アイテムは、背景の変更をトリガーします。現在、「現在の」クラスを切り替えようとしています。それらにカーソルを合わせると、白い境界線が表示されます。それも.current状態にしたいと思います。どうすればそれを切り替えることができますか?
JavaScript:
CSS:
javascript - 単一ページでスクロール可能な 2 つのインスタンス jQuery ツールの使用
同じページにスクロール可能なjQueryのインスタンスが2つあります。残念ながら、上書きと衝突が起こっていると思います。両方が連携して適切に動作するように変更するにはどうすればよいですか?
2 番目のセット:
javascript - 動的に作成された flowplayer のスクロール可能な addItem がコンテナーからスクロールアウトする
編集可能な水平スクロール可能なリストを作成しています。このリストのコンテナーのサイズは、ブラウザーの表示領域の幅に基づいて動的です。画面いっぱいになったアイテムのリストがあり、新しいアイテムを追加すると、コンテナは新しく追加された要素を超えて空白の画面にスクロールします。「前へ」ボタンを使用してスクロールバックすると、表示されます。新しいアイテムを動的に追加するために使用されるコードを添付しました。
.move および .seekTo 関数を使用して正しい場所に移動しようとしましたが、「前へ」ボタンがランダムに無効になるため、スクロールバックできません。
誰からのポインタはありますか?
jquery - jQuery 画像スライダーの上に div を配置する
jQuery ツールのスクロール可能な画像ギャラリーの上に div 要素を配置しようとしています。すべてを正しい方法で配置しましたが、z-index を設定しても div が jQuery オブジェクトの上に表示されません: 2. これが私のコードです:
javascript - JQuery Scrollable が実際に必要以上にスクロールする
JQuery Scrollables を使用して画像ギャラリーを表示しています。http: //www.mba-europe.de/lehr_veroff.html を参照してください。
私のセットアップでは、に類似したすべての を含む を含む が.bscrollable
DIV
あり、JQuery Scrollables デモ ページから取得しました。.bitems
DIV
.item
DIV
.scrollable
.items
.item
ただし、ご覧のとおり、リストの最後の要素に到達してもスクロールは停止しません。代わりに、ユーザーは最後の要素のみが表示されるまでさらにスクロールでき、その後に (私の場合) 3 つの空のスロットが表示されます。
常に 4 つ以上の要素が表示されるように、それ以上スクロールしないようにするにはどうすればよいですか?
よろしく、フィリップ
jquery - jQueryスクロール可能センターアクティブフレーム
jQueryToolsScrollableプラグインを使用しています。アクティブなフレームが画面の中央にくるようにしようとしています。
スクロール可能なラッパーを100%の幅に設定していて、うまく機能しますが、アクティブなフレームは左に揃えられています。私が欲しいのは、アクティブなフレームを中央にすることです。より良い説明については、私が達成しようとしていることのこのモックアップを参照してください。
参考:これは私の構造です:
ありがとう!
jquery - jQueryツールのスクロール可能でディープリンクする方法
単一ページのサイト全体をナビゲートする手段として、jQuery Tools の Scrollable を使用しています。
ナビゲーションは次のようになります。
起動するjQueryは次のようになります。
したがって、ナビゲーションは正しいページに水平に移動しますが、ハッシュは URL に移動せず、スライドにリンクすることもできません。
基本的に、ディープリンクだけでなく、プラグインのナビゲーター ターゲットとして nav を使用するにはどうすればよいですか?
以下の返信に対して、
これをテストしてみました:
コンソールは、各 console.log メッセージを 2 回エコーします。URL の現在のハッシュ タグをそのままエコーするべきではありませんか?
javascript - Jqueryチェーン内の現在のオブジェクトへの参照
次のチェーンが機能します。
しかし、これはしません:
this.scrollHeight
あまり機能しません。jqueryチェーンで現在のオブジェクト参照を取得するにはどうすればよいですか?
jquery - スクロール可能なjQuery画像の最初と最後の表示要素にクラスを追加する方法
flowplayerのjQueryツールスライダーを使用しています
垂直方向にスクロール可能な合計4つのタイルを設定し、一度に3つのタイルを表示します。ラッピング要素には境界線の半径があり、ビュー内のそれぞれの最初と最後のタイルに半径を設定したいと思います。
これは私が持っているものです:
およびinit:
だから私は基本的に4+3の要素を作っており、それがメリーゴーランドになります。高さlogo_container
を1/3に設定しているscroll_container
ので、一度に3つのタイルが表示されます。
ここで、最初と最後に表示されるタイルにクラスをアタッチして、これらの要素にも境界線を付けたいと思います。
プラグインを掘り下げることなくこれは可能ですか?
ヒントをありがとう。ここで完全に失われました。