問題タブ [smooth-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.
jquery - 一度に1つのカルーセルに1セットのデータベースレコードをロードするjQueryまたはdb関数?
これがあまり複雑でないことを願っています。
私は誰かが jQuery カルーセル タイプのスライダー (願わくば Smooth Div Scroll: http://www.smoothdivscroll.com/ ) を使用してデータベースから製品を表示するのを手伝おうとしています。残念ながら、彼らは 4D と呼ばれるプラットフォームを使用しており、独自の db スクリプトをすべて実行したいと考えています。数百から数千の製品があります (それぞれ 1 つのサムネイル写真付き)。カルーセルに一度に 60 個程度しかロードしないようにして、すべてが一度にロードされてサイトが行き詰まらないようにしたいと考えています。
サーバー側のスクリプトを制御することはできません。また、表示する製品の数を制御することもできません。私は基本的にそれらの HTML/jQuery/CSS テンプレートをまとめています。私はただ、これを彼らに説明する方法について頭を悩ませようとしているだけです. 私はjQueryの専門家ではないので、私が正しいことを確認したいと思います。
彼らは、データベースから引き出されたレコードの数はフロント エンドの jQuery 関数であると言っていますが、私は、jQuery はデータベース クエリが提供するものを表示するだけだと言っています。提供する合計レコード数を選択するのは、彼ら次第です。私はそこの基地外ですか?私 (jQuery) が一度に 60 レコードのみをロード (ロード、表示ではなく) する方法はありますか? それとも、60 レコードのセクションごとに db クエリを実行する必要がありますか (おそらく、次のセットをクエリする時間であることを伝える jQuery のフックに基づいています)? もちろん、ユーザーがカルーセルの最後に到達するまでには、とにかくすべてが読み込まれます...そうですか?
私はそれが2つの組み合わせになると確信していますが、彼らはそれをすべて私(jQuery)にしようとしています...私の考え方が正しい方向に進んでいることを確認する必要があります.
考え?
ありがとうございました!アリソン
iphone - iOSUITableViewCellの最適化
私のアプリには、カスタムUITableViewCellsを含むUITableViewがあります。スクロールは非常に遅くて遅れているので、これを解決する必要があります。
各セルには、5〜6個のラベル、いくつかのボタン、および画像が含まれています。
ボタン、ラベル、画像ビューを配置するセルのxibがありますが、すべての画像をcellForRowAtIndexPathに設定しています。画像をロードするには、[UIImage imageNamed:@ ""]を使用します。これは、最適化に適しています。私はまた、細胞を再利用しています。
また、コメントアウトして画像を設定しなくても、ラベルだけがテキストで設定されているため、テーブルが遅くなっていることもわかりました。
優れたスムーズなパフォーマンスを維持しながら、かなり複雑なテーブルセルを作成する方法について誰か提案がありますか?カスタムセルをxibとして使用すると、パフォーマンスが低下しますか?
delphi - TScrollbox の MouseDown オーバーライド
TScrollbox から派生したカスタム スクロールボックスを作成しました。これは、スクロールバー以外のクライアント領域でドラッグするとスクロールすることを除いて、同じように機能します。
私の問題は、マウスが CustomScrollbox 内のボタンまたはパネル上にあるときにドラッグしてスクロールできないことです。
MouseDown、MouseUp、MouseMove オーバーライドは、別のコントロールにホバーするため、トリガーされません。
MouseDown、MouseUp、MouseMove を追跡し続け、ドラッグを開始したときに (CustomScrollbox 内で) Button/Panels イベントが発生しないようにするにはどうすればよいですか?
これが私の滑らかなCustomScrollboxのビデオです
jquery - jQuery で別のページから ID にスクロール
一部のページ内でjQueryのページスクロールを使用しようとしていたところ、スムーズなページスクロールを正常に行うことができました。私が今持っている唯一の問題は、別のページからそれをしようとしたときです。つまり、ページ内のリンクをクリックすると、新しいページが読み込まれ、特定の div 要素までスクロールする必要があります。
ページ内をスクロールするために使用したコードは次のとおりです。
アイデアが明確であることを願っています。
ありがとう
非常に重要な注:上記のコードは同じページ内でうまく機能しますが、私が求めているのは、あるページからリンクをクリックして別のページに移動し、ターゲットまでスクロールすることです. それが今はっきりしていることを願っています。ありがとう
javascript - 長いドキュメントのスムーズなスクローラー/ナビゲーションバーを作った人はいますか?
セクションに番号が付けられた非常に長いドキュメントを表示する必要があります。ユーザーは、ドキュメントを手動でスクロールするだけで済みます。そのように、ナビゲーションバーの適切なタブが強調表示されます。もちろん、タブをクリックすると、ドキュメントがその場所に直接スクロールします。
ドキュメントの横に永続的に表示される垂直ナビゲーションバーが最適な方向になると私は考えていました。
確かにこれは以前に行われたことがありますが、私は例を見つけようとしています。そして、誰かがjqueryでこれをやっているのを見たいです。
EDIt: http: //pagescroller.com/は、まさに私が話していることです。ただし、ベータ版です。他のオプションはありますか?
jquery - jQuery smooth scrolling and URL field
I got this script...
... But I have an issue with the page jumping to top when it scrolls, but if I take out the line...
It will work fine and scrolling is all good, but the URL doesn't append to the anchor links being clicked.
Basically I need the url to show: http://www.example.com/#home <-- note the hash.
Thanks in advance!
jquery - jQuery Next/Prev スムーズスクロールとWordpress?
http://jsfiddle.net/HRewD/17/で希望どおりに動作する jsFiddle の例
しかし..ワードプレスで実装しようとすると、スムーズなスクロールリンクはありません:(
私はそれが $ に関係しているのではないかと感じているので、$ から jQuery にすべて変更しました。これは通常は機能しますが、今回は機能しません。
また、提案どおり jQuery.noConflict() を使用してみましたが、うまくいきませんでした。
私は現在、このサイトをローカルで作業しているため、現時点ではオンラインにリンクできません。
jQueryを呼び出す完全に機能する他のプラグインがいくつかあるので、jQuery 1.6.4は間違いなくロードされています。
私は多くの作業を行っていないことを認識していますが、これを理解するのに役立つあらゆる種類のリードを本当に感謝しています. この時点で私は困惑しているからです。
誰かが手を貸してくれるなら、私は感謝します。
アップデート:
私はこの問題に断続的に取り組んでおり、さらに絞り込んでいますが、すべてを理解するのにまだ苦労しています. コンソールに 1 つのエラーが表示されましたが、それは見えない文字が原因でした (JSFiddle によって作成されたと思います?!)。コードのさまざまな場所で簡単なアラート機能を実行したところ、正常に表示されました。
今のところ、サファリ、FF、オペラの開発者ツールのコンソールまたは「リソース」セクションでエラーに気付いていませんが、クロムでのみエラーが発生しています
event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.
このエラーは、クリックするたびに 2 ずつ増加するエラーの左側の数字で次または前をクリックした後にのみ発生します。
私のHTML:
私のCSS:
私のJS:
functions.php (ワードプレス) で呼び出されるスクリプト:
以前に提供した JS Fiddle での実際の例を次に示します。
これはJS Binと静的htmlページでも機能しますが、wordpressでは機能しません。
私が試したこと:
Jquery ライブラリが実際にこの関数で読み込まれていることを確認しました。
1.6.4で返されます。このバージョンは、jquery ツール スクリプトから来ているようです。
一部のプラグインが独自の jQuery ライブラリをロードしている可能性がある場合に備えて、他のすべてのプラグインを無効にしました。functions.php ファイルにロードしているスクリプトを分離しました: wordpress に含まれる JQ の登録を解除しようとし、1.6.4 のみをロードし、1.7.1 のみをロードし、両方をロードし、何もロードせず、wordpress に含まれる JQ ライブラリがトリックを実行し、ロードする順序を再配置しますが、これらのどれもこの問題についての洞察を与えてくれませんでした.
変数が存在し、前述の JS スクリプトから使用できるかどうかをテストしたところ、スクリプトは変数の存在を確認して戻りました。
私は $ 記号で遊んでみました:
すべてのインスタンスを $jq と jQuery に変更しますが、どちらも何もしません。
また、#next、#prev、.post 変数の名前を、同じ名前の他の変数と競合している可能性があると考えて変更しようとしましたが、何もしませんでした。
ファイルパスを確認し、多数のフォーラムスレッドを読みました
言及する価値のある他のこと:
これらの同じライブラリから動作する他の jQuery モジュールがありますか?? コンソールエラーはありませんか?? これは役に立たないかもしれませんが、前または次をクリックすると画面が伸びて、ページの右側のスクロールバーが非表示になり、すぐに再表示されることに気付きました。
そして、これはやり過ぎかもしれませんが、ソースを提供することは良い考えかもしれません(まだローカルで動作しており、サイトにリンクできません):
この時点で、他に何を試すべきかわかりません。明らかに何かが正常ではありませんが、私には明らかではありません。それは単純なものであり、必要以上に複雑になっていると思います。私は本当にこれについて私の心を包む助けを使うことができました.
誰かが私が間違っていることに気づいたら、私の思考プロセスの間違いを指摘してください。なぜなら、この対立がどこから来ているのかわからないからです
ありがとう、ニック
アップデート:
関数ファイルから jQuery ツールと 1.7.1 の両方を削除しても、問題は解決しません。
このプロセスを簡単にするために、サイトをアップロードしました。
現在、関数ファイルに 1 つのスクリプトがあり、ライブラリの競合を避けるために wordpress に含まれている 1.7.1 ライブラリを利用しようとしています。
作業中のページが表示されるようになったので、絞り込みやすくなるかもしれません。
ありがとう、ニック
jquery - Smooth Div Scroll - マウスをオフにすると右スクロールがリセットされます
jquery プラグインの Smoothdivscroll にいくつか問題があります。
基本的に、プラグインを次のページとして実行しようとしています: http://www.smoothdivscroll.com/demo.html
ただし、自動的にスクロールする必要があるため、javascriptを変更しましたが、ホットスポットも機能するようにしますが、ホットスポットを離れたマウスでは自動スクロールに戻ります。
以下のコードは機能しますが、トリガーを右側に置いた後、最初の div に「リセット」されます。
設定した位置からスクロールを再開するように設定する方法はありますか?
コード:
jquery - JQuery SmoothDivScroll の動作がおかしい
サイトの 1 つで SmoothDivScroll を使用していますが、正しく動作していないようです。カラーボックスを備えたスクロール可能なギャラリーがあります。ここでサイトを確認できます:
http://www.lazza.com.mx/ee/obras
Chrome、Firefox、IE でテストしましたが、どれも同じ問題を抱えています。ロードされる場合とロードされない場合があります。そして、ロードすると、カーソルでスクロールをガイドすると、常にスムーズにスクロールするのではなく、突然停止します。
どんな助けでも大歓迎です。前もって感謝します。