[英]onscroll fix the div and add a class having troublle in mozilla
大家好,我在一個頁面上浮動兩個div,一個大約360 px,另一個是自動寬度,當頁面向左滾動時,添加了一個類,使其固定在屏幕上並允許其他div滾動。 它在chrome中工作,但在mozilla中不起作用,實際上div已固定,但另一個div在固定div之后。
這是代碼
<div id="leftfixop909">
<div id="MKAEitFIXED0">
</div></div>
<div id="otherdiv">
</div>
#leftfixop909{max-width:365px;
min-height:103%;margin- left:-8px;
float:left;width:35%;min-width:360px;
overflow:auto;overflow-x:hidden;
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);}
#MKAEitFIXED0{width:365px;min-height:101%;
background:url(webimg/mainbg.png);
padding-bottom:20px;z-index:99;overflow:auto;
box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);}
.RighTFIXIEDbot{position:fixed;bottom:0px;}
#otherdiv{width:auto;
overflow:hidden;min-height:150%;margin-top:46px;padding-left:20px;}
$(window).scroll(function () {
var height=window.innerHeight;
var DIVHEIG=$("#MKAEitFIXED0").height();
var NOWstoPS=(DIVHEIG-height);
if ($(this).scrollTop() > NOWstoPS) {
$('#MKAEitFIXED0').addClass('RighTFIXIEDbot');
} else if ($(this).scrollTop() < NOWstoPS) {
$('#MKAEitFIXED0').removeClass('RighTFIXIEDbot');
} });
有什么可以建議我的嗎,我認為min-height屬性不被mozilla接受,但是如果修復了高度,我會得到一個滾動條,或者可能會修剪一些東西。
這是適合您的代碼。 為您的div添加CSS:
#leftfixop909{
position: absolute;
}
#otherdiv{
position: relative;
}
而已。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.