問題タブ [smooth-scrolling]

情報のインデックスにスムーズなスクロールを実装しようとしました。このjsFiddlehttp://jsfiddle.net/9SDLw/を見ましたが、動作させることができません。コードがHTMLドキュメントなどのどこに挿入されるかは重要ですか？

これが私のコードです：

JS（ドキュメントの先頭）：

マークアップ：

リンク

アンカー

ここで何が欠けていますか？

タグ（ナビゲーション）がクリックされたときにスムーズなスクロール効果を持つ1ページのWebサイトaがあります。これらのナビゲーションエントリの1つは、fadeIN関数を使用して非表示のdiv（input.box）も呼び出します。私の問題は、fadeIN関数を使用したエントリが表示されるたびに発生します。ページも少し下にスライドします。フェードイン機能を備えたこのメニューもスクロールしないように制限するにはどうすればよいですか？jsfiddleベローズのsmoothscrollとfadeinに使用したコードがあります。

スムーズなスクロールコード

FadeINエフェクトコード

jQueryのドラッグ可能な機能を利用しています。ビューポートdivは、ウィンドウ全体のサイズです。ビューポート内にはドラッグ可能なコンテナdivがあり、ビューポート自体よりもはるかに大きく、ウィンドウを通してコンテナの小さな部分を見る感覚を与えます。コンテナは、ドラッグ可能なオブジェクトdivを保持します。

現在、コンテナdivを適切にドラッグしており、オブジェクトdivもビューポートdivを適切にドラッグしています。私が抱えている問題は、オブジェクトdivがビューポートdivのエッジの特定のピクセル範囲内にある場合に、ビューポートを「プッシュ」したいということです。

JQueryのドラッグ可能な関数には、オブジェクトで利用しようとしているドラッグイベントがあります。ビューポートをスクロールさせることはできますが、スクロールを続けるには、マウスが常にオブジェクトを動かし続ける必要があります。オブジェクトをピクセル範囲内に収め、マウスを動かせずにスクロールできるようにしたいと考えています。自分の要件に本当に合った解決策が見つからないようで、今は途方に暮れています。どんな助けでも大いに感謝され、私の感謝の気持ちで報われるでしょう。

私が行っていることの例を見るには、http：//jsfiddle.net/trVZA/10/にアクセスしてください。赤いボックスをドラッグすると、黒いオブジェクトがドラッグされます。オブジェクトのドラッグイベントに関するコードをコメントアウトしました。ブラウザが完全にフリーズするためですが、私の間違いを確認するためにあります。オブジェクトが壁に近づいたら、背景の水の画像をスクロールさせたいです。

現在、Smooth Div Scroll (http://www.smoothdivscroll.com/) を使用して、Web サイトで「フルスクリーン」ポートフォリオを作成しようとしています。左のスクロールが右のスクロールよりもはるかに速いという問題があります。デモで、どちらも同じ速度であることに気付きましたが、私の人生ではなぜそれが機能しないのか理解できません. 以下にCSSとJSを貼り付けました。サイトへのリンクも用意しました。これを解決する方法について誰かがアイデアを持っていれば、本当に感謝しています!

CSS:

JS:

Webサイト：

http://lightboxwebsitedesign.co.uk/newsite/full-screen-portfolio/

http://www.smoothdivscroll.comのスクロール機能はまさに私たちが探しているものですが、スライダー内の画像の上に移動してスクロールをマウスアウトしたときにスクロールを「一時停止」する必要があります。再び遊ぶだろう。現在、マウスを画像の上に置くとスクロールが続きますが、マウスオーバーとマウスアウトで一時停止して再生するにはどうすればよいですか? 左右の矢印も同じです。それらを操作すると、スクローラーは完全に停止します。矢印からマウスを離した後、自動的に再び再生されるようにしたいと考えています。

どんな助けでも大歓迎です！

誰でも私を助けることができますか？スムーズスクロールと制御速度で「遅い」機能を追加しようとしています。

本当の「スムーズスクロール」を実現したいと思っています。

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

矢印キーを使用して Web ページの特定の部分にスムーズにスクロールするために、jQueryプラグインを使用しようとしています。.scrollTo()つまり、下を押すと、ブラウザは次divのリストにスムーズにスクロールしdivsます。ただし、矢印キーは通常、Web ブラウザーのスクロール機能にバインドされているため、矢印キーを押して機能をトリガーすると、ジッター効果.scrollTo()が発生します。

矢印キーが押されると、ブラウザは最初にスムージングなしで通常のスクロールを非常に迅速に試行し、その後すぐにscrollTo()関数を介してスムーズにスクロールを開始するようです。

通常、スクロールが発生しないようにするためにreturn falseキーダウンイベントを単純に実行できると思いますが、これにより、矢印キーの押下によるトリガーも防止されます。jQuery.scrollTo()

矢印キーがイベントのみをトリガーできるようにするために、ブラウザ内でデフォルトの矢印キーがトリガーするスクロール動作を無効にする簡単な方法はありますか?.scrollTo()

私は特定のアンカーリンクにGoogleのスムーズなスクロールスクリプトを使用していますが、それだけ#tothetopではありません#。私はexample.jsファイル（スクリプトでダウンロードする）でこれを行いました：

かわった：

に：

だから今はスムーズなスクロールをにのみ適用し#tothetopますが、他の異なるアンカーリンクにどのように適用しますか？例：#tothetop、、、#tothebottomなど#gotothepub？（これは長い話ですが、要するに、ページ上の別のスクリプトと競合するため、なぜ「＃」を使用しないのか尋ねないでください）私は試しました：

しかし、これは機能しません。私はJavascriptとPHPにあまり精通していませんが、これを行う簡単な方法があると確信していますか？

example.jsの完全なコードは次のようになります。

I'm trying to create parallax scrolling site with help of Scrollorama But I want to use non typical animation. This animation should go from top to bottom, then stops at the middle of the page and going back( from the middle to top ). Scrollorama author said that this type of animation doesn't support by scrollorama, neither his new plugin SuperScrollorama. Maybe someone could suggest me another plugin that have this feature.

そこで、jQueryのスムーズなスクロールを使用してWebサイトのセクションに移動する単一ページのWebサイトを作成しました。何らかの理由で、ブラウザでページを開くと（複数のブラウザとコンピュータでテスト済み）、Webサイトはページの上部ではなくページの途中で開きます。

これが、スムーズなスクロールを作成するために使用しているスクリプトです。

こちらがウェブサイトです

http://usspcatalystcentre.org.uk/

よろしくお願いします、トム