問題タブ [scrollto]

Jquery の Scrollto プラグインを使用して、メニューに基づいて上下にスクロールしていますが、メニューをスクローラーにとどめたいと思います。したがって、高さが 4000 ピクセルのページがあり、誰かがリンクをクリックして 2000 ピクセルのポイントに移動すると、メニューもそこにスライドします。これがcssまたはjqueryの問題かどうかはわかりません。どんな助けでも大歓迎です。

ありがとう

jQuery の scrollTo プラグインを使用していくつかの機能を管理するページがあります。ログイン ページからパスワードをリセットする場合、ユーザーを新しいページに移動させるのではなく、新しいフォームにスクロールします。もちろん、IE7を除くすべての場所で問題なく動作します。ここに私のHTMLがあります：

私のCSS（重要なすべて）：

そして私のjQuery：

コードの抜粋はこのページにあります: [修正時に編集]

ご覧のとおり、IE7 以外のすべてのブラウザーで問題なく動作します。IE7 では、#blocks div のコンテンツではなく、#blocksWrapper div の背景をスクロールしています。IE7も何らかの理由でオーバーフローを隠していません。誰にもアイデアはありますか？

#blocks を jQuery セレクターとして使用してテストを試みましたが、それは問題ではありません。

ありがとう、マーカス

ブラウザの戻るボタンとの互換性のためにアドレス jquery プラグインを利用する ajax ベースの Web サイトを構築しました。ただし、ページは ajax ページを介してフェッチされるため、従来のページの更新は明確ではなく、ユーザー ナビゲーションなどの面で方向感覚を失います。ユーザーがリンクをクリックすると、ajax がページをフェッチしますが、ページは成功して画面にフェッチされますが、画面はトップに移動しません。特にウィンドウが長く、クリックされたリンクがソースページの一番下にある場合は、ページの あたかも何も変わっていないかのように。scrollTo プラグインを使用しようとしましたが、テスト時のウィンドウ scrollTop 値は常に 0 と 0 であり、アドレス プラグインを削除すると scrollTop 値が読み取られるようになりました。

誰かが同じ問題に遭遇しましたか?

前もって感謝します！

次のチュートリアルを使用して、Web サイトの視差コンテンツ スライダーを作成しました: http://blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/

うまく機能しましたが、自動スクロール機能を追加したかったのです。jQuery.serialScroll を追加して setInterval を使用することでそれを行いましたが、今では狂ったように機能します。スライダーは、5 秒ごとに 1 スライドではなく、5 秒ごとに 3 スライドごとに移動していると思います。適切に機能させる方法がわかりません。

これが私のHTMLの一部です：

そして、これが厄介な JS コードです。

お願いします、それを本来あるべき方法で機能させる方法を知っている人はいますか (5 秒ごとに 1 スライド)。

PS。親切にしてください、私はこの分野では新しいです;）

Web サイトにスライド パネルを設定しました。

アニメーションが終了したら、ハッシュを次のように設定します

(これはコールバックで、idが先に割り当てられます)。

これはうまく機能し、ユーザーがパネルをブックマークできるようにし、JavaScript 以外のバージョンを機能させることもできます。

ただし、ハッシュを更新すると、ブラウザーはその場所にジャンプします。これは予想される動作だと思います。

私の質問は、どうすればこれを防ぐことができますか? つまり、ウィンドウのハッシュを変更する方法はありますが、ハッシュが存在する場合、ブラウザを要素にスクロールさせないようにするにはどうすればよいですか? ある種event.preventDefault()の何か？

jQuery 1.4 とscrollTo プラグインを使用しています。

どうもありがとう！

アップデート

パネルを変更するコードは次のとおりです。

私はjQueryの初心者で、scrollToについては知っていますが、自分のサイトで機能させる方法はよくわかりません。Google で簡単に検索したところ、多くの結果が見つかりましたが、現在使用されている最も信頼できる (または少なくとも最も人気のある) ものは、次のとおりです: http://plugins.jquery.com/project/ScrollTo

ただし、繰り返しになりますが、スクリプトをまったく使用していないため、タスクを達成するためにスクリプトを使用する方法が正確にはわかりません。(HTML と CSS は私のバッグです)。

これが私がやろうとしていることです...非常に単純なことだと確信しています。

http://joelglovier.comでは、他の多くの楽しい Web コンテンツへのリンクを含む1ページの「ゲートウェイ」サイトを構築しています。ページのさらに下のアンカーにリンクするだけのトップナビゲーションがあります。私が望むのは、scrollTo がユーザーを素敵なアニメーションの方法でそれらのアンカーに連れて行くことだけです。これは簡単だと言いました！

これを実装するための最良の方法、およびこのタイプの scrollTo 使用の現在の標準があるかどうかについて、どんな助けも感謝しています(最近はどこでも見られます)。

こんにちは、コミュニティです。少なくとも私にとっては厳しいものです。たぶん、そこにいくつかの助けがあります。scrollToプラグインを搭載した、垂直/水平にスクロール
するフルページのWebサイトに取り組んでいます。一般的に、すべてがうまくスムーズに機能していますが、Nivo Slider などの一部のコンテンツでは、スクロールがハイグ アップのように少し不安定になります。Nivo Slider が画像を変更するたびに、同時にスクロールしている場合に発生するようです。

現在、この動作をスムーズに回避する方法を探しています。Nivo Slider がビューポートにないときに停止し、再びビューポートに入ったときに再び動作させる方法を探しています。そうすれば、彼はスクロールの遷移を邪魔しないと思います。これは初心者としての私の勝手な推測ですが、どんな助けや提案も大歓迎です。ビューポートにない場合は、さまざまなパネル (バナー、ギャラリー、スライダーなど) に含まれる動的コンテンツを停止することがすべてです。

何か案は？

まず、この問題は Firefox でのみ発生します。

問題を理解するには、この例のページを確認してください: -removed-

ホーム以外のページを選択します。ウィンドウがページにスクロールします。その後、マウス ホイールを使用して下にスクロールできます。これはうまくいきます。しかし、マウスで右側のスクロールバーをつかむと、「ホームページ」（ページ全体/ウェブサイトの一部である左上の最初の要素）に戻ります。

問題のあるコードは次のとおりです。

＃コンテンツ{

}

... overflow-x (overflow-x: auto;) を再表示すると、すべて正常に動作しますが、望ましくない水平スクロール バーが表示されます。

#content 内の div の位置をアニメーション化して「スライド」効果を作成する jquery ScrollTo プラグインを使用しています。どうやら、Firefox はデフォルトの読み込み位置に「リセット」しているため、水平方向に「スライド」することは許されていなかったようです。

これは Firefox のバグですか? それとも ScrollTo プラグインのバグですか? それともjQueryでさえありますか？

これを修正する方法のアイデアはありますか? 回避策のアイデア?

どんな助けでも大歓迎です！ありがとう！

コードは次のとおりです。

サイトはここでプレビューできます: http://www.allisonnavon.com/index.php?/projects/raw-rhythm/

» が複数回クリックされると、stop(true,true)パラメーターを使用してもキューに入れられます。理由を知っている人はいますか？

scrollTo プラグインを使用して、いくつかの見出しにスクロールしています。ブラウザウィンドウの高さによって決まる小さな増分でのみ上にスクロールするという問題。私が使用しているIDを認識していないようです。

ここをクリックしてページを表示するには、ページの一番下までスクロールして、2 本の指で項目を選択する必要があります。上記の動作を確認するには、手動で下にスクロールして右側のリンクをクリックする必要があります (少し複雑で申し訳ありません)。