問題タブ [scrollto]

jQuery の scrollTo プラグインを使用して、Google の指示が読み込まれたときにウィンドウのスクロールを div までアニメーション化できるようにしたいと考えています。誰かが setTimeout 行を jQuery に変換し、 scrollTo を使用してスクロールをアニメーション化するのを手伝ってくれませんか? スクロールしないJavaScriptは次のとおりです。

リンクがクリックされたときに「new」クラスの次の div にスクロールする scrollTo jQuery プラグインの実装に成功しました。ただし、矢印キーを使用して、同じクラスの次/前の div に上下にスクロールできるようにしたいと考えています。

私はインターネット全体を見てきましたが、これを行う方法を見つけることができませんでした。私はJSに非常に慣れていないので、非常に簡単な指示をいただければ幸いです!

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

矢印キーを機能させるには、これに何を追加する必要がありますか?

ありがとう、テッド

jQuery scrollToを使用して、オーバーフローしたdiv内のコンテンツをスクロールしています。リンクをクリックすると、divはその内容を垂直方向にスクロールします。ただし、リンクをクリックするのではなく、リンクにカーソルを合わせると、この効果が発生するようにしたいと思います。

これがjQueryのscrollToのオプションだとは思いません。ただし、イベント用のjQueryAPIメソッドがありますhover。

これは単純な質問のように思えるかもしれませんが、クリックする代わりにカーソルを合わせると、「scrollTo」の垂直スクロール機能を維持する方法はありますか？

垂直スクロール：

ホバリング：

http://cambridgeuplighting.com/portfolio

スライドショーがいずれかの端に達したときに scrollTo 関数の Next および Prev コントロールをフェードする関数を作成しようとしています。良いスタートを切ったが、思い通りにいかない。クリックが最後に到達する前にフェードアウトするコントロールが必要です。今は最後に到達し、次のクリック (最後にあるためスクロールしません) でコントロールがフェードします。

ここに私のコードがあります。

jQuery (HTML と CSS については、上記のサイトへのリンクを参照してください)

私はプロジェクトに取り組んでおり、Ariel Flesler の jquery.scrollTo.js & jquery.localScroll.js を使用しています。ページ上のさまざまな div にスクロールするローカル リンクがあります。

私が抱えている問題は、ページの上部に固定位置のナビゲーション バーがあり、ScrollTo がそれを考慮せずにウィンドウの位置を (正しく) 計算していることです。 Y 軸のスクロール位置を +[Y]px にするコードを挿入しますか?

：を含むdivを切り替えるドキュメントの準備ができているjQueryのスニペットがありtextareaます：

リンクをクリックすると、トグルが正常に機能します。私が抱えている問題はdiv#addnote-area、ブラウザの現在のビューポートより下にある場合、表示されたときにそこにとどまるということです。ユーザーのカーソルをテキストエリアに移動し、テキストエリア全体をウィンドウに表示できるようにします。

jqueryを使用してアンカーまでスクロールしています...関数を呼び出すhtmlボタンで正常に動作します...

しかし、サーバー側から呼び出すとIDを取得しますが、機能しないようです...

そして私の機能は、

エラーが発生しました$("#" + id).offset() is null

アンカーのアラートIDを取得しましたが、なぜ機能しないのですか。

これが私のアンカーです...

<a name="myAnchor" id="myAnchor"></a>

HTMLボタンで完全に機能します。

<input id="Button1" type="button" value="button" onclick="goToByScroll('myAnchor');"/>

jQuery scrollTo プラグインに問題があります。2 つの DIV (nav2とcontent) があり、ajax 呼び出しでそれらを埋めています。

ご覧のとおり、コンテンツを取得した後、それを追加してから、anchorId を介してそのターゲット div 内の特定の位置にスクロールしようとします。これはdoScrollTo、jQuery-Plugin-function をラップする -function を介して行われますscrollTo。goajax 呼び出しのラッパーです。get-Request を作成する前に、指定された入力パラメーターからファイル名と ID (「#」で分割) を抽出します。これがすべて呼び出される方法は次のとおりです。

myJs.go( 'file_a.html#anchor1', 'file_b.html#anchor2' );"

編集: 1 つの DIV、nav2DIV を使用すると、すべて正常に動作します。しかし、他の DIVcontentはスクロールされる場合とされない場合があります。また、スクロールされて ai が DIV のスクロールバーを上に移動してからgo再度呼び出すと、スクロールしなくなります。nav2そして、私が言ったように、これはすべてDIVでうまく機能します...

誰かが私が間違っていることを理解していますか?

ありがとう。

jQuery の scrollTo を使用して、div 内のコンテンツの位置を相対的に調整しています。

正常に動作します: http://www.hmadvertising.com/test.php

ただし、関連性のないコントロール要素を表示および非表示にすることも必要です。たとえば、scrollTop がゼロの場合はアップ ボタンはなく、scrollTop == scrollHeight の場合はダウン ボタンはありません。

scrollTo を使用して行う調整は、+= と -= を使用して 100px 単位で行います。表示/非表示を行うのに必要以上に 1 回クリックする必要があることに気付いていたので、scrollTo ポスト エフェクト コールバック「onAfter」を使用して scrollTop を画面にダンプし、コンテンツがいずれかの極端に達したときに scrollTop がオフであると報告されることを発見しましたコンテンツが最大/最小に配置されているにもかかわらず、次のクリックまで最大/最小に達しません。

上記のリンクですべてを見ることができます。

誰かがそれをよりよく理解するのを手伝ってくれますか?

ありがとう。

次のJavascriptコードがあります。

ページが読み込まれると、正しい位置にスクロールされます。リンクをクリックして関数を実行すると、ページがページの上部にスクロールします。

これを修正するにはどうすればよいですか?