Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在父div内的相对侧浮动两个类_Jquery_Html_Css_Css Float_Css Position - Fatal编程技术网

Jquery 在父div内的相对侧浮动两个类

Jquery 在父div内的相对侧浮动两个类,jquery,html,css,css-float,css-position,Jquery,Html,Css,Css Float,Css Position,我正在制作一个网站,在这个网站上,我在一个父div中有两个左右浮动的广告。这非常有效,直到我在jQuery中输入,以便在滚动时固定它们的位置。左对象的工作原理与它应该的一样,但右对象在滚动时突然开始向左浮动。 我做错了什么 html: jQuery x2,我对.right\u广告也使用了相同的代码: <script> var fixmeTop = $('.left_ad').offset().top; $(window).scroll(function() { var current

我正在制作一个网站,在这个网站上,我在一个父div中有两个左右浮动的广告。这非常有效,直到我在jQuery中输入,以便在滚动时固定它们的位置。左对象的工作原理与它应该的一样,但右对象在滚动时突然开始向左浮动。 我做错了什么

html:

jQuery x2,我对.right\u广告也使用了相同的代码:

<script>
var fixmeTop = $('.left_ad').offset().top;
$(window).scroll(function() {
var currentScroll = $(window).scrollTop();
if (currentScroll >= fixmeTop) {
    $('.left_ad').css({
        position: 'fixed',
        top: '0',
        left: '0'
    });
} else {
    $('.left_ad').css({
        position: 'static'
    });
}
});
</script>

如果对右侧使用相同的代码,是否记得将左侧的“0”更改为右侧

只需为.right_广告创建一个if语句,并使用以下命令:

$('.right_ad').css({
   position: 'fixed',
   top: '0',
   right: '0'
});
请注意,右键为:“0”

<script>
var fixmeTop = $('.left_ad').offset().top;
$(window).scroll(function() {
var currentScroll = $(window).scrollTop();
if (currentScroll >= fixmeTop) {
    $('.left_ad').css({
        position: 'fixed',
        top: '0',
        left: '0'
    });
} else {
    $('.left_ad').css({
        position: 'static'
    });
}
});
</script>
$('.right_ad').css({
   position: 'fixed',
   top: '0',
   right: '0'
});