現在、作業中の画像スライダーを微調整しようとしています。私がやろうとしているのは、ユーザーがブラウザのサイズを変更したときに、スライダがブラウザの左側に接する位置を同じに保つことです。以下の例を確認してください
+------------------------+
| body |
+--------------------------------------------------+
| | |
| |<- Keep this aligned at the same |
| | position on browser resize? |
| | |
| | |
| | |
+--------------------------------------------------+
| |
+------------------------+
HTML:
<div id="scrollerWrapper">
<div id="imageScroller">
<img class="i" href="..." />
<img class="i" href="..." />
<img class="i" href="..." />
<img class="i" href="..." />
</div>
</div>
browserHeight = parseInt($(window).height(), 10);
galleryMargin = browserHeight * 0.025;
imageHeight = browserHeight - 80 - (galleryMargin * 2);
if (imageHeight < 250) {
imageHeight = 250;
}
$(".i").css("height", imageHeight + "px");