0

このスクリプトを使用して水平方向にスクロールする Web サイトがあります: http://tympanus.net/Tutorials/WebsiteScrolling/index.html

このビルドでは、ユーザーの解像度によっては、コピーがページの表示部分のさらに下に移動する可能性があるため、垂直スクロールバーが表示されることがあります。

ページを水平方向にスクロールしたいフッター情報が少しありますが、ウィンドウだけでなくスクロールバーがある場合は、常にページの一番下に表示したいです。この CSS の使用:

.footer { position: fixed; bottom: 10px; left: 100px; } 

フッターがサイトのコピーに重なってしまうので、私が望んでいることはできません。

だから私もこのようなことを試しました:

html, body { min-height: 900px; } 
.footer { position: fixed; top: 880px; left: 100px; }

情報が常にページの表示部分から押し出されていたため、これも機能しませんでした。

したがって、基本的にフッター情報をページ上のどこにでも自然に配置できるようにするソリューションを探していますが、ページが水平方向にスクロールすると、常に左から 100px に固定されます。

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

4

1 に答える 1

0

これを完全に CSS で行うことができるかどうかはわかりません。コンテンツ div (または本体) のサイズを検出し、その後にフッター div を配置する JavaScript (または jquery) 関数を作成します ( jquery を使用している場合はオフセットを使用し、使用していない場合は上部マージンを操作します)。次に、ウィンドウで.scroll メソッドを使用して、ユーザーが右にスクロールしたときに div の水平位置を移動できます。

于 2011-03-27T19:19:03.280 に答える