問題タブ [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.

0 投票する
4 に答える
1218 参照

css - Fixed positioning issue Firefox; IE too

In Firefox on this page position fixed along with smooth-scroll.js works perfectly.

On this page in Firefox the right nav does not display all nav items it gets cut off.

How to fix? Use CSS?

Also in IE 6 through 8 using fixed positioning breaks the site.

Appreciate any thoughts and suggestions.

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

android - 速度の計算

GLSurfaceView に慣性スクロールを実装しようとしていますが、そのためには速度を計算する方法を理解する必要がありますが、その方法がわかりません。翻訳は行列に格納され、以下のコード行によって計算されます。

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

javascript - あるページから別のページに jQuery-Smooth-Scroll を使用していますか?

現在、jQuery-Smooth-Scroll を使用して、自分のページ (ページ 1) のさまざまなアンカー位置までスムーズにスクロールしています。ただし、別のページ (ページ 2) からページ 1 にリンクし (#bookmark を URL に追加)、jQuery-Smooth-Scroll がページを呼び出しているという事実を拾うことができるようにしたいと考えています。 #bookmark を使用して、ページの読み込みが完了したら、関連する位置までスムーズにスクロールします。これが可能性であるかどうかはわかりませんか?

これは、私が使用している Smooth-Scroll のバージョンです。

https://github.com/kswedberg/jquery-smooth-scroll

私はまだjQueryに比較的慣れていないので、明らかなことを見落としているかもしれません。

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

jquery - kswedberg jqueryスムーズスクロールプラグイン - リンクを強調表示し、スクロール時に強調表示を削除しますか?

同じページのリンクに Karl Swedberg の jquery スムーズ スクロール プラグインを使用しています: https://github.com/kswedberg/jquery-smooth-scroll

リンクの位置は固定されているため、常に表示されます。リンクをクリックすると強調表示されますが、ページをスクロールすると強調表示が削除されます (リンクが対応するセクションにいない可能性があるため)。

クリック時にリンクの色を変えるのは簡単です。ただし、プラグイン自体がスクロールするため、スクロール時に色を削除するのは困難です。私はこのコードで試しました:

問題は、ウィンドウ スクロール機能が初期化されると、スムーズ スクロール プラグインがページをスクロールするたびに起動することです。つまり、1 つのリンクをクリックすると、クリック時にそのリンクに適用された色が常に上書きされるため、他のリンクをクリックしても色は変わりません。

ありがとう

編集-以下のコードで動作するバージョンを作成しました。

ただし、リンクをクリックしても色が変わらない場合がありますが、もう一度クリックすると色が変わります。afterScroll で起動されるさまざまな関数は、常に順番に実行されるとは限りません。これが問題である場合、どうすればそうさせることができますか?

ありがとう

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

jquery - JQueryアニメーション:実行中に速度を変更する

スライド式のdivと、さまざまな速度でアニメーションをトリガーするいくつかのボタンがあります(継続時間にさまざまな値を使用することにより)。

ボタンは次のようなものです:[左x2][左x1][左x0.5][右x0.5][右x1][右x2]

私のコードは現在次のようなものです:

これはChromeでは問題ありませんが、IEのような他のブラウザでは、アニメーションがジャンプし、新しい速度で続行する前に、スクロールするdivが一瞬停止するのを目に見えて見ることができます。

可変速スクロールを実現する最善の方法は、アニメーションを終了して新しいアニメーションを開始せずに、アニメーションの長さに直接影響を与えることだと思いますが、これが可能かどうかはわかりません。任意のヒント?

0 投票する
7 に答える
44051 参照

android - Android: Horizo​​ntalScrollView SmoothScroll アニメーション時間

画像で水平スクロールビューを使用し、ボタンを使用してさまざまな画像の場所にスムーズにスクロールするという状況があります。今は問題なく動作します。滑らかなスクロール方法を遅くする方法、つまりアニメーション時間を長くする方法を誰かが知っているかどうか疑問に思っていましたか? 現在、スナップはかなり迅速に行われます。

おそらくスムーズスクロールをオーバーライドして、これ/例を検索しようとしましたが、うまくいきませんでした。

アイデアはありますか?

ありがとう、

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

eclipse - Eclipse IDE: キーボード PGUP PGDOWN によるスムーズなスクロール

ウィンドウ 7。

Eclipse IDE では、PageUp と PageDown を実行すると、スクロール効果なしでコードの次のビットにジャンプするので、混乱します。スクロールを有効にするにはどうすればよいですか? これはスムーズスクロールと呼ばれますか?

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

c# - モバイル デバイスでのスクロールの勢い

モバイル アプリケーションに実装できる一般的なスムーズ スクロール メカニズムを取得しようとしています。

任意のプラットフォームに移植できるように十分に汎用的であることを望んでいますが、現在、.net Compact Framework で C# を使用しています。

私が今していることは次のとおりです。

  • (パネルの ctor に) Stopwatch オブジェクトを作成します。
  • マウスダウンでストップウォッチを開始し、現在のマウスポイントを保存します_lastMouse
  • マウスの移動時に、ストップウォッチを停止して保存しvelocity = (_lastMouse - curMouse) / Stopwatch.TotalSeconds、ストップウォッチをリセットして再度開始します
    • ほとんどの場合Stopwatch.TotalSeconds、0.02 から 0.03 の間です
  • マウスを離すと、velocity値をスムーズ スクロール関数に渡します。その関数は、端に到達するか、摩擦の増加によって速度が == 0 になるまで、パネルをスクロールし続けます。

私の問題は最終段階にあります。値は通常、velocity2,000 ~ 3,000 ピクセルの範囲内です。速度は 1 秒あたりのピクセル単位であるため、これは予想されることです。ストップウォッチ (まだ実行されているはずです) を取り、それを停止し、最後のマウスの動きからの経過時間を見つけて を掛けvelocityStopwatch.TotalSecondsその距離を取得し、ストップウォッチをリセットして開始し、ループバックして最初からやり直します。

予想される結果は、更新間の経過時間に速度を掛けた値が、スクロールする必要がある (最後のマウスの動きに応じた) ピクセル数になることです。私の実際の結果は、時々パネルが飛んだり、時には辛うじて動いたりすることです! 緩やかな減速は問題ありません。オフになっているのは最初の速度だけです

ロジックに欠陥はありますか?私は何か他のことをすべきですか?

助けてくれてありがとう!

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

jquery - JCarouselLite スムーズな垂直スクロール

この質問が以前に行われた場合は申し訳ありませんが、探していた正確な回答を見つけることができませんでした。

滑らかに動き、識別可能な一時停止がなく、無期限に繰り返される垂直テキスト ティッカーを作成する必要があります。

私は JCarouselLite を見つけ、すべてが思い通りに見えるようになりました。

ただし、「自動」間隔を 1 または 0.01 に設定すると、各動きの間に一時停止が残ります。また、イージングを「線形」に設定して、方程式からそれを削除しました。

次に、一時停止を最小限に抑えるために、スクロールをより多くのアイテムとより長い期間に設定してみました. デュレーションを 18000ms に設定し、51 個のアイテムを使用すると、見栄えがよくなります。1 つの問題として、最初に開始する前に 18000 ミリ秒の遅延が発生し、その後は毎回遅延が発生します。

ここのページ: https://secure.awarenesslife.com/tickertest.cfm

ここにコード 1 (シングル スクロール バージョン):

ここにコード 2 (マルチスクロール バージョン):

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

jquery - Chrome と Safari でのサムスクローラーの問題 - Jquery プラグイン

あなたのほとんどはおそらくサムスクローラーについて知っています (http://manos.malihu.gr/jquery-thumbnail-scroller)

問題は、Google chrome と Safari でこの問題が発生し、Thumbs が ThumbContainer の上にマウスを置くと文字通り「消える」ということです。

誰かが(クロム/サファリで)試してみたいと思ったら:

http://anulekha.net/production/?view=Collections&Lookbook=2011

私が言いたいこと、質問、

なぜ起こっているのか、どのように修正するのか考えていますか?

どうもありがとう :)