問題タブ [page-jump]

内部に画像を含む div を作成しました。クリックすると、div のサイズが変更され、より大きな画像が配置されます。これの副作用として、ラッパー div が少し左に移動するようです。

私はいくつかのことを試しましたが、ここにコードがあります。お役に立てれば幸いです。

http://jsfiddle.net/iamjasonlucchesi/3FuJ6/2/

コードをテストする前に、本体とラッパーの間のマージンが見えることを確認してください。また、画像を入れていないため、画像が機能しないことに注意してください。

私はこの奇妙なことが起こっています：ナビゲーションでスパンをクリックすると、コンテンツを切り替える必要があります。スパンをクリックするとページがジャンプすることを除いて、すべてが機能します（スパンはそのとき一番上にあります）。ページジャンプについて私が見つけたのは、アンカータグについてであり、falseを返します。しかし、スパンについては何もありません。私の意見では、表示されているdivは1つしかないため、コンテンツの切り替えが原因になることはありません。なし（その場合、ページはスパンにジャンプするのではなく、一番上にジャンプする必要がありますよね？）防止スパンではどのアクションも機能しないようです。

説明がわかりにくい場合は、http：//gaming-siblings.com/v2.0/#newsにアクセスし、左側のナビゲーションで[統計]をクリックしてください。ページは、クリックしたスパンまでジャンプダウンし、divの高さのために少し後ろにスクロールします。なぜスパンにジャンプするのですか？

それはおそらく奇妙ではありませんが、合理的です。わからない:-)

私はこれを2日間試しましたが、今回はほとんど役に立たなかったので、休憩を取りました。

アイデア/解決策はありますか？前述のように、falseを返します。または、preventDefault（）を試したときに機能しませんでした（スパンであるため）。

ここSOで他のページジャンプの質問をチェックしましたが、一致するものが見つからなかったので、ここに行きます...

jQueryを使用してさまざまなページ/要素をロード/トランジションするのではなく、CSS3トランジションと一連のハッシュリンクを使用するWebサイトの構築に取り組んでいます(楽しみのために/私/ CSSができることを証明するため)。私が抱えている問題は、リンクの 1 つをクリックすると、明確な理由もなく、スクロールバーが自動的に約 100 ピクセル下にジャンプすることです。

これをずっとやっていたことを覚えていないので、CSS の何かがおかしくなったのかもしれません。上部にいくつかのタグを追加<a name>して、元に戻そうとしましたが、それも機能していません。私もリンクを入れonclick="window.scrollTo(0,0);"てみましたが、それもうまくいきません:(

ページに移動するたびにスクロールする必要があるのは本当に面倒で使いにくいため、アイデア/ヘルプは素晴らしいでしょう. ページはこちらからご覧いただけます。

システム情報：

ブラウザ: Chrome 16.0.912.75、FireFox 9.0.1、Opera 11.6

OS: Windows7

わかりました、これは私を夢中にさせています！

「タブのような」サブメニューを使用して、3 つの異なるテーブルを表示しています。このサブメニュー内の各リンクは、現在のコンテンツを隠し、別のコンテンツを表示します。

注:今のところ、作業中のページへの直接リンクを残しておくので、自分で問題を確認してください。

（アンカー）ジャンプを避けるために<a>、私はすでに試してい<a onclick="return false;">ます（私が持っている別のサイトではうまくいきます）。私のjQueryコードでは、「e.preventDefault();」も使用しています。これは、ページの先頭へのジャンプを回避するのに役立ちますが、それを使用しても、ページは常にサブリンクの上のページの一部にジャンプします.

このジャンプを避けるために他に何ができるか本当にわかりません。

今のところ、これは私のhtmlの中にあるものです:

そして、これは私のjQueryです:

}

また、この「表示と非表示」を行うためのより良い方法があるかもしれませんが、これはうまくいくようです。誰かがこの問題に光を当てて助けてくれたら嬉しいです! 前もって感謝します！

左側にリンクがあるプロファイル ページ コンテナーの 1 つがあり、クリックすると表形式のセクションが開きます。ただし、上記のリンクをクリックすると、ページ全体がセクションのコンテンツの上部に強制スクロール (ジャンプ) されるため、ページ上のそれらの上にあるものはすべて切り取られ、非常に煩わしくなります。

それがパディングなのか、マージンなのか、それとも何なのかわからないので、最初からやり直したくありません。

詳細については、私が持っているメインの HTML:

いくつかのボタンを使用してdivを切り替えています。ボタンをクリックするたびに、ページがジャンプします。

何か案は？

これが私のマークアップです：

と私のjQuery：

レスポンシブワードプレスサイトで作業しています。小さな画面（モバイル）では、メニューが画面スペースの大部分を占めるため、メニュー項目がクリックされたときに#contentまでスクロールします。これらのスクリプトを試しましたが、機能しませんでした。

1

2

これに対する簡単な解決策はありますか？

私は写真ビジネスのためにポートフォリオのウェブサイトを構築しています。ポートフォリオが水平方向にスクロールするようにサイトを構築しました。

これは私がこれまでに持っているものです。 http://www.dscottclarkphoto.com/portfolio/adventure/adventure.html

クリックすると視聴者が次の写真にジャンプする矢印を含めることができるようにしたいと思います。

私はこれで示されたものを使ってみました： jQuery：次の<セクション>にジャンプ

Javascriptをjump.jsという名前の独自のファイルに保存しました。

また、サンプルを保存しようとしましたが、正しく動作していません。

これを機能させる方法やより良い方法について何か提案はありますか？