0

現在、jquery スライダーをプログラミングしており、幅を 100% に設定しています。ウィンドウのサイズがどのように変更されても、ウィンドウの下部に合わせたいと考えています。下にスクロールしている間ずっと下にくっつくようにする方法を見つけましたが、これは望ましくありません。このスライダーの下にスクロールして、より多くのコンテンツにアクセスできるようにしたいと考えています。

このウェブサイトは、私が探している機能の種類を示しています。firebugで調べて、どのように起こっているのかを調べようとしましたが、わかりませんでした。

http://pixelthemes.net/immersion/

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

4

1 に答える 1

1

サイズを計算し、ギャラリーを下に揃えないだけで、これを実現できます。

var resize = function () {
    var availHeight = window.innerHeight;
    // you need to either calculate
    // or set a fixed offset from the top for content above
    var offset = 80;

    document.getElementById("slider").style.height = availHeight - offset + "px";
}

window.addEventListener("resize", resize, false);
window.addEventListener("load", resize, false);

スライダーの幅が 100% であると仮定すると、目的どおりに動作するはずです。スライダーの上のコンテンツが 80px の高さである場合、完全にスクロールすると、ウィンドウの下部に正確にくっつくはずです。

于 2012-07-12T16:47:22.593 に答える