web-dev-qa-db-ja.com

ページの下部にフローティングするフローティングdivを作成する方法

現在のページの下部がウィンドウ画面の上にある場合はページの下部に配置されるフローティングdivを作成します。それ以外の場合は、ウィンドウ画面のタスクバーのすぐ上に配置され、ページをスクロールすると現在の位置が維持されます。

13
manishkr1608

position: fixedを使用する必要があります

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

これがフィドルです: http://jsfiddle.net/uw8f9/

29
icodebuster