問題タブ [scrollto]

サイトのすべてのページで展開されるサブメニューがあります。サブメニューには、親メニュー項目がリンクしている 1 ページ内の名前付きアンカーへのリンクが含まれています。jquery scrollTO と localScroll を使用して、名前付きアンカーを使用してページ内のスクロールを正常にアニメーション化していますが、サイト内の別のページから名前付きアンカーに移動すると、アニメーション化されたスクロールまたは指定された上からのオフセットが保持されません。これを行う方法はありますか？

フィードバックをいただければ幸いです。セシリア

以下は、私が使用しているhtmlの例です。左側に固定メニューと固定ヘッダーがあります。現在、サブメニューのアンカー リンクをクリックするとアニメーションが表示され、ウィンドウの上部から 150 ピクセルのアクティブな名前付きアンカーで停止するため、固定ヘッダーの下に表示されなくなります。

可能であれば、他のページから移動するときにウィンドウを名前付きアンカーまでスクロールしたいのですが、最も重要なのは、上からのオフセットを 150px に保つ必要があることです。現在、別のページからアンカー リンクをクリックすると、上部から 0px で停止し、ヘッダーの下に表示されなくなります。

縦スクロールのサイトを作っているのですが、localScroll の動きが速すぎます。速度を制御する方法はありますか？

次のような単純なリピーターがあります。

さて、コード ビハインドには、データベースに行を追加/挿入するイベントが発生します。これが発生した後、データベースからオプションの新しいリストを再度取得し、それらをリピーターに再バインドします。これは更新パネル内で行われるため、ユーザーのためにリストがすぐに更新されます。

さて、私がやりたいと思っていることは、jQuery ScrollTo プラグインを使用して、新しく追加された行に直接スクロールすることです。

jQuery プラグインで ScrollTo() メソッドを呼び出して、追加したばかりの特定の行にスクロールする最良の方法は何でしょうか? jQueryを介してスクロールする要素を簡単に選択できるように、ItemTemplateで行をマークできる方法はありますか?

理想的には、RefreshOptions() の直後に、ScrollTo 関数を実行して新しい行までスクロールしたいと考えています。

編集！

scrollto を呼び出すときに、あまりにも多くのアポストロフィが使用されていたことが判明しました。作業コードは以下のとおりです。

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

私は横型スタイルで作品を表示したいアーティストのためのポートフォリオ サイトを作成しています (したがって、以下のコードの表)。アイデアは、各画像のサムネイル (ol #thumbnails) と右側の画像を表示することです。

scrollTo プラグインを使用して、ユーザーが任意の画像をクリックしてスクロールして表示できるようにしたいと考えています。これに適したjqueryを作成するための助けを探しています。

基本的に、jQuery で各リンクをハードコーディングすれば機能させることができますが、これは常に更新される CMS を利用したサイトには理想的とは言えません。

各サムネイル リンクに適用されるコードを手伝ってくれる人はいますか?

次のコードがあります。

私の現在のjQueryは次のとおりです。

ID を変数として取得する .each() 関数を使用して scrollTo を適用しようとしましたが、何も動作しません。

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

横スクロールのポートフォリオサイトを作ろうとしています。ユーザーが次/前のボタンを使用して画像をクリックできるようにし、マウスとスクロールバーを使用して通常どおりスクロールできるようにします。ただし、jqueryを使用してこれを実装するのに問題があります。

この表は、水平方向のWebサイトでのベストプラクティスとして使用されます。scrollTo（）プラグインを使用して、クリックされたボタンに応じてテーブルを前後にスクロールできるようにしたいと思います。

最終製品はこれに似ていますが、私はこのサイトのコードをまったく運がなく利用しようとしました！

私はこれを行う方法に迷っています。

私のHTMLは次のとおりです。

私が試したものはただの混乱であるため、現在追加するjQueryはありません。

どんな助けでも素晴らしいでしょう！

そうです、しばらくの間最後の質問です！

私は水平ポートフォリオサイトを作成しており、ユーザーが画像をフリックするための次/前のスタイルのナビゲーションを作成する際にscrollToプラグインを使用するためのヘルプを探しています。

私のHTMLは次のとおりです。

そして、私の現在失敗しているjQueryは次のとおりです。

残念ながら、＃forwardまたは#backがクリックされても、テーブルtrは移動しません。

誰かアイデアはなぜですか？

追加情報については、テーブルが使用されます。これは、固定幅のない動的な水平サイトでのベストプラクティスのように思われるためです。

Jquery.ScrollTo プラグインの $.Localscroll 子を使用する水平サイト (対角線などの他の自動スクロール サイトでもかまいません) を作成しています。

このプラグインには大きな問題が 1 つあります。期間に基づいて動きを計算します。これは、ページ 1 から 2 への遷移に 2 秒かかることを意味しますが、ページ 1 から 10 への遷移にも 2 秒かかるため、遷移自体が非常に高速になり、遷移自体が実際には見えなくなります。リンクがいくつあるかはわかりません。リンクは同じメニューにはなく、ページ全体に散らばっています。

現在の scrollto の位置を確認し (できればプラグインを介してクロス ブラウザーで)、ハッシュ (#) を使用して新しい scrollto の値を確認し、速度に基づいて期間を計算する方法はありますか?

このアコーディオン スクリプトを単純な FAQ ページに使用しています。

http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm

追加してみました

http://mix26.com/demo/local_scroll/index.html

ScrollTo を使用すると、質問が開かれると、ユーザー エクスペリエンスが向上するように、質問が自動的に下にスクロールされます。誰か助けてくれませんか？

私のウェブサイトでは、水平方向のナビゲーションを作成しようとしています。ナビゲーションはプラグインjQuery.serialScrollでうまく機能しますが、特に異なるアイテムの幅が異なる場合は、選択したアイテムが中央に配置されていることを確認できません。

オフセットを変更することはできますが、1つのアイテムではなく、スライドショー全体で変更されます。

HTMLは次のとおりです。

プラグインやその他の提案を変更する必要がある場合は、教えてください。

大いに感謝する！

私は新しいポートフォリオ サイトのコードに取り組んでおり、拡大するグリッド レイアウトに組積造を使用しています。

展開された DIV にスクロールするコードに問題があります。常に div .expanded の上部までスクロールするとは限りません。サンプルは次のとおりです。

http://bit.ly/axDQox

ボックス 1 をクリックしてからボックス 5 をクリックしてみてください。ページがボックス 5 の半分下までスクロールすることに気付くでしょう。助けていただければ幸いです。:)

ボックス 1 を展開してリンクをクリックすると、ボックス 1 が閉じます。

ところで、このスレッドからサンプルの html/css コードを取得しました。