0

ここでこのガイドに従って水平レイアウトを作成しようとしています：http ：//www.queness.com/post/356/create-a-vertical-horizo​​ntal-and-diagonal-sliding-content-website-with-jquery Nowスムーズなスクロールを可能にするために、html、css、jqueryを組み合わせて使用​​します。私はプラグインを使用していて、それはうまく機能します、しかし、私がレイアウトの基本的な数学に従ったとしても、レイアウトはいたるところにあります。

私のレイアウトには8つのパネルがあるため、＃maskコンテナの幅に対して8つのパネル* 100％= 800％になります。その後、アイテムのコンテンツを保持するコンテナの幅は100％/ nパネル=14.5％になります。しかし、先ほど言ったように、レイアウトはいたるところにひどくあり、指示を逃したとは思いません。レイアウトの分割を引き起こしているのはcssで行われたh1リボンである可能性があると思いますが、それを削除したので、それでも恐ろしいように見えます。私はこれに完全に困惑しているので、この問題を解決するためのガイダンスを皆さんに求めています。

これを解決する方法はありますか？http://sekhu.net/charlie/index.phpは、私が問題を抱えているサイトです。htmlが有効であることを確認し、html/cssにメモ帳を使用しています。

前もって感謝します

4

2 に答える 2

1

閉じられていないdivタグとpタグが非常に多いため、ここで大きな混乱が発生しています。

わかりやすくするために、あなたの基本的なコードを書いた私のフィドルをご覧ください。

jsfiddle： http: //jsfiddle.net/ks5r7/5/

jsfiddleデモ：http ：//jsfiddle.net/ks5r7/5/embedded/result/

閉じられていないdivとpタグを見つける必要があるのは、すべてが魅力のように機能していることです。

于 2012-04-21T07:15:29.433 に答える
0

現在ページを変更しているようですので、トラブルシューティングを中止します。

トラブルシューティング中に見たもの：

  • div"#mask"の幅が間違っていました。これは私のブラウザの幅X3であり、ブラウザの幅X8ではありませんでした。これを再現することはできません。

  • デモサイトが次のことを行っていることに気づきました。

    $('#wrapper').scrollTo($(this).attr('href'), 800);

同じコードを複製しています。デモサイトではサイトの半分の幅のDIVが使用されているので、次のように変更できるのではないかと思います。

    $('#wrapper').scrollTo($(this).attr('href'), 1600);

第一印象ですが、調べているうちにサイトが変わってしまったので、ここでやめます。

于 2012-04-21T05:19:11.710 に答える