Javascript 使一个固定的div保持水平固定

Javascript 使一个固定的div保持水平固定,javascript,jquery,html,css,Javascript,Jquery,Html,Css,下面是当用户滚动到div时,将其固定到屏幕顶部的代码 但是,在我的浏览器上,如果用户向左或向右滚动,则该条将保持固定在顶部,但会滚动。我希望酒吧保持原样,内容已经结束 这是你的电话号码 代码如下: $(function(){ // Check the initial Poistion of the Sticky Header var stickyHeaderTop = $('#stickyheader').offset().top; $(window).scroll(f

下面是当用户滚动到div时,将其固定到屏幕顶部的代码

但是,在我的浏览器上,如果用户向左或向右滚动,则该条将保持固定在顶部,但会滚动。我希望酒吧保持原样,内容已经结束

这是你的电话号码

代码如下:

$(function(){
    // Check the initial Poistion of the Sticky Header
    var stickyHeaderTop = $('#stickyheader').offset().top;

    $(window).scroll(function(){
            if( $(window).scrollTop() > stickyHeaderTop ) {
                    $('#stickyheader').css({position: 'fixed', top: '0px'});
                    $('#stickyalias').css('display', 'block');
            } else {
                    $('#stickyheader').css({position: 'static', top: '0px'});
                    $('#stickyalias').css('display', 'none');
            }
    });
});

关键部分是
left:-$(窗口)。scrollLeft()


关键部分是
left:-$(窗口)。scrollLeft()


关键部分是
left:-$(窗口)。scrollLeft()


关键部分是
left:-$(窗口)。scrollLeft()


你在使用什么浏览器?在最新的Chrome浏览器中,无论您以何种方式滚动,它都保持不变那么无论你从左向右滚动,该条都将保持在视口中。mac上最新的firefox也会保持不变。你使用的浏览器是什么?在最新的Chrome浏览器中,无论您以何种方式滚动,它都保持不变那么无论你从左向右滚动,该条都将保持在视口中。mac上最新的firefox也会保持不变。你使用的浏览器是什么?在最新的Chrome浏览器中,无论您以何种方式滚动,它都保持不变那么无论你从左向右滚动,该条都将保持在视口中。mac上最新的firefox也会保持不变。你使用的浏览器是什么?在最新的Chrome浏览器中,无论您以何种方式滚动,它都保持不变那么无论你从左向右滚动,该条都将保持在视口中。mac上最新的firefox,对我来说也是固定不变的。太棒了!非常感谢。好极了非常感谢。好极了非常感谢。好极了非常感谢。
$(function () {
    // Check the initial Poistion of the Sticky Header
    var stickyHeaderTop = $('#stickyheader').offset().top;

    $(window).scroll(function () {
        if ($(window).scrollTop() > stickyHeaderTop) {
            $('#stickyheader').css({
                position: 'fixed',
                top: '0px',
                left: -$(window).scrollLeft()
            });
            $('#stickyalias').css('display', 'block');
        } else {
            $('#stickyheader').css({
                position: 'static',
                top: '0px'
            });
            $('#stickyalias').css('display', 'none');
        }
    });
});