Question

我有以下网页;

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，但也看不到任何冲突。

如果有人能够发现我出错的地方，我会非常感激！

Answer 1

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

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

删除它..你的固定块将完美运行

CSS Position已修复在Chrome中无效

1 个答案: