4

設計者が水平方向（左から右）にスクロールしてすべてのナビゲーションを実行することを希望するWebページを作成しています。水平レイアウトをコーディングしました。ただし、彼は水平レイアウトを開始して、リスト内の中央のdivの1つをロードし、ユーザーがどちらの方向にもスクロールできるようにしたいと考えています。例として、水平方向に5つのdiv（1,2,3,4,5）のリストがあり、ページをdiv 3から開始して、ユーザーが左から右にスクロールしてdiv2またはその逆に移動できるようにしたい場合があります。現在、デフォルトはdiv 1（左）から始まります。これは、ユーザーが最初は一方向にしかスクロールできないことを意味します。

レイアウトは次のとおり です。ここに画像の説明を入力してください 拡大表示するには、ここをクリックしてください

私もサイトを検索しましたが、答えはアンカー/名前タグの手法を使用していましたが、ページを中央のページに直接ロードしたいと思います。

同様の質問があります：

ちなみに、私は現在jQueryとJavascriptを学んでいますが、非常に初期の段階にあります。まだcodeacademyをトロールしていて、実際のコードにはまだ到達していません。ですから、現時点では学習の手段としてプラグインで遊んでいますが、うまくいけば、数か月以内に自分のものを作成できるようになります。

これをどのように達成できるか知りたいだけです。

簡単なjavascript/jQueryコード（jsfiddle）があれば、それは高く評価されます。

4

2 に答える 2

3

2日間検索したところ、「yahooanswers」で答えが見つかりました。リンクをブックマークするのを忘れましたが、取得したコードは次のとおりです。

    $(window).load(function(){

        $(document).ready(function(){
         scrollTo(($(document).width() - $(window).width()) / 2, 0);
    });
});
于 2012-09-26T04:54:49.897 に答える
2

JavaScriptなし

レイアウト内の各divのIDを作成し、デフォルトのレイアウトのIDをデフォルトのアンカーとして設定するだけで、ページが読み込まれるとすぐにこのセクションに移動します。
前のページのリンクを前のレイアウトIDのアンカーに設定し、次のレイアウトIDと同様にします。したがって、これらのリンクがクリックされると、アンカーによってリンクが表示され、他のリンクは非表示になります。
この方法の欠点は、JavaScriptが必要なため、スクロール効果が表示されないことです。ただし、意図したとおりに機能するはずです。

JavaScriptを使用

前に説明したように、レイアウト内の各divのIDを作成するだけです。3つのJavaScript変数を作成します。1つは現在、前、次のレイアウトID用です。デフォルトのセルのIDをその変数に設定します。または 、現在のレイアウトID、前のレイアウトID、次のレイアウトIDの3つのプロパティを保持するJavaScriptオブジェクトを作成できます。window.onloadまたはjqueryの$（document）.ready（）
関数 を使用して、JavaScript関数をページ読み込みプロセスにアタッチします。jQueryでanimate関数を使用して、現在のレイアウトIDを渡します。これにより、スクロール効果とともに、渡されたIDまでページがスクロールされます。 あなたはすぐにあなたの目標を達成する必要があります。

于 2012-09-22T15:13:57.793 に答える