問題タブ [serialscroll]
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 SerialScroll:アクティブなアイテムにクラスを追加します
Ariel FleslerのserialScrollスクリプトを使用していて、CSSでスタイルを設定できるように、アクティブなアイテムまたは強調表示されたアイテムにクラスを追加したいと思います。ドキュメントを読んで、通知トリガーを発見しましたが、これを実現するためにどのように/使用できるかわかりません。
これは私のコードです:
jQuery
HTML
通知トリガーの機能を誤解していますか?もしそうなら、私が求めていることを達成するための別の方法はありますか?
jquery - とにかく、さらにスクリプトを作成するために serialscroll を使用して現在の div/element を選択/フォーカスするには?
私は水平方向にスクロールする Web サイトを構築しており、jquery serialscroll を使用してナビゲートしています。ページ上のキーボードの矢印キー (左右) とボタンをバインドして、div タグを使用して次の要素にスクロールします。効果は静かにうまく機能しますが、別のスクリプトで現在の要素/divを選択/呼び出す方法があるかどうか疑問に思っていましたか?
基本的に、上/下矢印をバインドして、最初に押してdivを下に展開し、その後(おそらくシリアルスクロールを再度使用して)このdivを上下にスクロールします。
誰かがこれで私を助けてくれれば、本当に感謝しています。おそらく、serialscroll または scrollto が使用するのに最適なプラグインであり、代替手段を歓迎します。
私は最初のサイトで作業しているため、おそらく多くの質問をすることになると思いますが、ご容赦ください。私の jscript に関する知識は基本的なものですが、習得はとても早いです。前もって感謝します。
コードサンプル:
コードを変更することで、質問に答えることができたという更新だけです。
これにより、現在の要素に新しいクラスを追加でき、それに応じて jscript を使用して変更できます。
jquery - 別の関数の if/else から変数を設定する
考慮する必要がある CSS マージンの変更により、このコードで問題が発生しています。関数の if/else からを追加var $offset
して、serialScroll
プラグインの を変更したい。私は JavaScript の初心者で、これを正しく行う方法がわかりません。$margins
.keybind
これが私のコードです:
javascript - キーを押してマウスをクリックした後に関数変数をグローバル変数に変換する
元の問題に対する解決策があると思うので、質問を更新しました。を、別の関数の$margins
my を計算するために使用できるグローバル変数に変換したいと考えています。$offset
(矢印) キーの押下、マウスのクリック、および場合によってはマウス ホイールの操作の後に、変数を更新する必要があります。これに対する簡単な解決策はありますか?
これが私のコードです:
私が作成したコードは、おそらく私のソリューションには正しくありません。私が取り組んでいるサイトはhttp://lastnighti.co.uk/です。serialscroll プラグインを使用して、ユーザーが主に矢印キーでサイトをナビゲートできるようにします。私が抱えている問題は、ユーザーが下矢印を押して画像を強調表示し、右矢印キーを押して次の画像に進むと、余白の幅を考慮したシリアルスクロールが原因でオーバーシュートすることです。
これは1週間以上私を悲しませてきました。キューイングとsetTimout
関数を試しましたが、UI の流動性が損なわれます。基本的に、上記の私の問題は、$offset
変数を変更して、いつ画像が.selectstyle
クラスで強調表示されるかを説明することです。上記の問題を動的に制御するための解決策をいただければ幸い$offset
です。
jquery-plugins - ArielFleslerのscrollTo/serialScrollの最新の、より新しい、より優れた代替案はありますか?
私はscrollToと「子」プラグインの両方を頻繁に使用しています。
- css-properties(マージン/位置など)をアニメーション化するのではなく、実際にスクロールする
- 柔軟性があり、実際には必要のないベルやホイッスルを追加する他の多くのスクローラー/スライダーとは異なり、さまざまな状況で使用できます。
プラグインは2009年以降更新されていません。プラグインは正常に機能しますが、jqueryのバージョンに関係なく、改善が必要な点があり(初期化後に設定を変更する機能など)、全体的には更新されません。 3年前のプラグインを使用するのに最適で、そのままで安定しています。
誰かが同じことをするかもしれない他のプラグインの提案を持っていますか、おそらくもっと良いですか?
javascript - Jquery scrollTo serialScrollがajaxロード後に最初の項目に戻る
jQuery serialScroll/scrollTo の .next ボタンをクリックして、次の項目にスライドするだけでなく、その前に新しいコンテンツの ajax 呼び出しを行う必要があります。serialScrollの.nextボタンへのajax呼び出しを取得する最良の方法は何ですか?
これがserialScrollのものです。
そして ajax コード:
javascript - jQuery serialScroll / scrollTo表示されている要素だけに割り当てられている次のボタンと前のボタン?
ページに表示されているアイテムが1つあり、残りのアイテムはオーバーフロー:非表示のdiv内に隠されています。次のボタンと前のボタンが、ページに表示されている1つのアイテムだけに関係している場合はそれを希望します。問題は、表示されているアイテムだけを選択する方法がないことです。myitem.is(':visible')で確認しようとしましたが、すべてのアイテムが表示されているため機能しません。overflow:hiddenからは表示されません。
クラスとserialScrollをいじってみましたが、onBefore/onAfterコールバックに頭を悩ませることは困難です。
jQuery、serialScroll、またはScrolltoを使用して表示アイテムを選択する方法はありますか?
javascript - SerialScroll のサイズ変更関数のクリーンアップ
ごあいさつ
私はまだJavaScriptとJqueryに比較的慣れていないので、私が使用している方法よりも優れた方法が必要であることを知っています.
私は serialScroll の実装に取り組んでいます。多数のスライドの左右の動きを制御するマスター scrollTo があります。各スライドには、垂直の serialScroll の独自の実装が含まれています。scrollTo のサイズ変更はうまく機能し、垂直方向のサイズ変更は機能しますが、サイズ変更時に現在の位置が中央に維持されるようにするためのエレガントな方法を理解できません。現在の方法は機能しますが、非常に非効率的です。
jquery - Jquery return pos vairable from SerialScroll onBefore function
私は会社のスクロール サイトに取り組んでおり、SerialScroll を使用してスクロールを実行しています。イライラすることに、私は一生、戻るボタンを実装する良い方法を見つけることができず、ユーザーエクスペリエンスが機能するためにそれを必要としない場合でも、私の上司は、以前の契約開発者と1年、修正するのに1年かかったひどい経験をしました最後のサイトの戻るボタン。そのため、彼らはこの問題について私に耳を傾けようともしません。
serialScroll は位置に定数変数を使用します。私の考えでは、素朴かもしれませんが、serialScroll 関数の外部からその位置変数を更新する方法を見つけることです。そうすれば、戻るボタンがクリックされたときに、serialScroll の位置を更新できますか??? 私は一生解決策を見つけることができませんか、それとも可能ですか? どんな助けでも大歓迎です。
これが私の現在の機能です: