問題タブ [scrollto]
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 - ArielFleslerのScrollToを機能させるのに問題があります
Ariel FleslerのScrollToプラグインを実装しようとしていますが、それを開始する方法を理解しているようです。これは彼のウェブサイトです:
私がやりたいのは静的ナビゲーションを使用することです。ユーザーがナビゲーションリンクをクリックすると、コンテンツは特定のdiv内でスクロールします。私はjQueryをかなりよく理解しており、このプラグインは本当に使いやすいはずですが、実際に使用する方法を示すために、ドキュメントはちょっとひどいものです。
javascript - jQuery:メソッドは.clickを介して正しく機能しますが、document.readyから直接実行した場合は機能しません
URLタグ(myaddress.html#wheretoscroll)のハッシュの後にあるものに応じて、理論的にはウィンドウの特定の部分までスクロールダウンするjQueryコードがあります。
呼び出されるコードは次のとおりです。
問題は、ドキュメントが意図した位置からかなり外れた場所にスクロールすることです。ほぼ右上にアンカーが表示されますが、ドキュメントが下がるにつれて不正確さが増すため、下にスクロールしすぎるように見えます。
でも...
.click関数または.hover関数内で同じコードを実行すると、たとえば次のようになります。
本来あるべき正確な位置までスクロールします。これは、.readyの時点でDOMが正しく読み取られないという問題のようなものだと思いますか?これを修正するための提案(または、ページが読み込まれるとすぐにアクションをトリガーするが、.readyを介して直接ではない、より洗練された方法)をいただければ幸いです。
重要な場合は、私が使用している.scrollToプラグインは次の場所にあります:http://flesler.blogspot.com/2007/10/jqueryscrollto.html
乾杯...
javascript - アニメーションでスクロール
アニメーションでjavascriptメソッドscrollTo(x、y)を実行する必要があります。jQueryを使用してそれを行うことはできません。
jquery-plugins - scrollTo がトリガーされた場合、どうすれば取り消すことができますか?
私は次のようなことをしたいと思います:
jquery - X 軸に div を固定し、Y 軸にスクロールすることはできますか?
HTML
CSS
上記のコードを使用すると、#container
ScrollTo.js を使用して水平方向にスクロールする非常に広い画面が作成されます。そして、#header
それを制御するのは、ページ/コンテナの残りの部分と一緒にスクロールしたくないので、固定位置にあります。私の問題は、ウィンドウのサイズを垂直方向に変更する#header
と、固定位置のためにコンテナが下に隠れることです。
水平に固定できますが、#header
垂直にスクロールできますか? jQuery または CSS を使用していますか?
私のライブの例はここにあります: http://www.kargo2.com/Stackover/
ありがとう。
iphone - JQuery と Scrollto プラグインを使用した自動スクロールでの iPad のちらつき
私が開発しているページの iOS プラットフォームで奇妙な問題が発生しています。 これが問題のページです。ケーススタディ画像のいずれかをクリックすると、ページは最初に必要なケーススタディを再表示してからスクロールします。
これは、Windows と Mac のすべてのデスクトップ ブラウザーで機能しますが、iPhone と iPad では、下にスクロールするときにひどいちらつきが発生します。
この問題をデバッグまたは修正する方法がよくわかりません。
どんなアイデアでも大いに役立ちます!
前もってありがとう、シャディ
更新 1
最新のページはこちらです。まだ修正を見つけていません - 誰かが何か考えているなら、それは素晴らしいでしょう!
javascript - scrollTo() ちらつき
リンクをクリックすると、いくつかのページ要素を に設定する JavaScript がトリガーdisplay:none
され、ページの高さが変更される動的ページがあります。これに対する一般的なブラウザーの動作は、ページの上部からのスクロール位置が保持されることです。リンクがページの下部近くにあり、ユーザーのカーソルがクリックされた後もリンクの上に留まるようにするため、代わりに下部からのスクロール位置を保持したい。
これを行う必要があるコードは次のとおりです。
(ドキュメントの高さとスクロール位置を取得するために見つけたクロスブラウザ機能を使用)。
これは chrome と Internet Explorer では正常に機能しますが、firefox では、ページの高さが変化してからスクロール位置が変化するまでの間にわずかな遅延があります。その結果、ページがすばやく再調整されるときにちらつきが発生します。これは私を大いに悩ませています.
ページの上部ではなく下部からのスクロール位置を覚えておくための修正またはより自然な方法を誰かが提案できますか?
ありがとうございました。
jquery - Jquery ScrollTo イージング
Jquery ScrollTo にイージング メソッドを適用できません:
これは何も楽にしません...私は今jqueryを使い始めているので(長い間プロトタイプを使っていました)、これは間違いなく私の間違いです。これを実現するにはイージング プラグインが必要ですか? このプラグインのイージング オプションは何ですか (ある場合)? ドキュメントはこれについて明確ではありません。ありがとう。
ios - 文字列を検索し、見つかった文字列を強調表示し、iOS デバイスで見つかった場所までスクロールします
ページ内の検索/ハイライト/スクロール機能のこのスクリプトを見つけました。iPhone で、「テキストの検索」の上に「file://(null)」が表示されないように、ポップアップのスタイルを設定する方法はありますか? また、私はこの JavaScript を作成しておらず、JavaScript があまり得意ではないため、「Found X の一致」ダイアログを削除するにはどうすればよいですか?
ティア、リンダ
javascript - iFrame 内でのスクロール
これが取り引きです:私は自分の問題の良い解決策を探すのに5時間を費やし、多くを見つけました(残念ながらうまくいかないか、それは私が間違っていたのです)。
iFrame があるページがあります。iFrame を正しく表示するためにページをスクロールしたくありません。私のポイントは、そのページでiFrameをスクロールして、その位置(iFrame内のページ)を変更することです。
うまくいかないこと:window scrollTo をiFrameページコードに入れる(単にこのページが私のものではないため、つまり:私には自分のページがあり、iFrameにはstackoverflow.comがあり、100pxスクロールして右と下に 500px)。
あなたが私の主張を理解し、それを修正するのを手伝ってくれることを願っています.
親切にして、iFrame を使用した実際の動作例全体を教えてください。私はそれを理解するためにこれ以上時間を費やすことに我慢できません.それは可能ですか? ...