わかりました、これを説明するのはちょっと難しいです。別の div 内にある div を親の外側で分割し、ウィンドウの全幅を取るようにします。もちろん、ウィンドウの左側に配置したいです。position: fixed;ページの残りの部分と一緒にスクロールする必要があるため、div を配置することはできません。
そのdivには、最終的にその中に画像が含まれます。残念ながら、言葉で正確に説明することはできず、画像をアップロードするという評判もありませんが、このjsfiddleで私が何を意味するかを見ることができます
だから私はこれまでこのコードを書いてきました
function sizeit(){
var windowWidth = $(window).width();
$('.imgfull').css({'width':windowWidth });
console.log("width= " + windowWidth)
var offset = $('.imgfull').offset();
$('.imgfull').css({'right':offset.left});
console.log("Offset left=" + offset.left)
}
$(window).ready(function () {
sizeit();
});
$(window).resize(function () {
sizeit();
});
これで、ページをロードするとうまくいくようです。div は正しい幅を$('.imgfull').css({'width':windowWidth });取得し、'$('.imgfull').css({'right':offset.left});' で正しく配置されます。
問題は、ウィンドウのサイズを変更すると、位置がずれることです。はconsole.log("Offset left=" + offset.left)2 つの値を報告しています。行 '$('.imgfull').css({'right':offset.left});' を削除すると その場合、コンソールには正しい値が 1 つだけ表示されます。css を介して div を移動するだけでright':offset.left、オフセットが間違った値になるようです。
助言がありますか ？