gpt4 book ai didi

jquery - CSS Position Fixed 在 Chrome 中不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 16:07:38 25 4
gpt4 key购买 nike

我有以下网页;

http://www.bredentacademy.co.uk/courses/bredent-group-day/

当滚动时,带有预订信息的框意味着随着窗口向下滚动页面,这在 Firefox、IE 和 Safari 上工作正常,但在 Chrome 上它保持在顶部(尽管检查员在视觉上布置了它所在的框应该是)。

将固定类添加到框中的 Jquery 非常简单;

function fixScroll() {
if ($(document).scrollTop() > 295) {
$('.booking_box').addClass('fixed');
} else {
$('.booking_box').removeClass('fixed');
}
}
$(function() {
$(window).on('scroll', function() {
fixScroll();
});
});

固定类只有这些声明;

    &.fixed {
float: left;
position: fixed !important;
top: 12px;
width: 340px;
@media #{$s1200} {
width: 274px;
}
@media #{$s992} {
position: inherit !important;
top: auto !important;
width: auto !important;
}
}

盒子本身就位于 Bootstrap 列内。

我见过几个类似问题的问题,但找不到解决方案,整个事情让我感到困惑!我正在使用 Bootstrap,但也看不到任何冲突。

如果有人能发现我哪里出错了,我将不胜感激!

最佳答案

您已在 .mobile_panel 中添加了 -webkit-perspective: 1000;

.mobile_panel {        
-webkit-perspective: 1000; //remove this
}

删除它..你的固定 block 将完美工作

关于jquery - CSS Position Fixed 在 Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36839099/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com