javascript - jQuery 滚动函数粘性标题应该滚动

Question

我正在使用 stickyjs。

由于容器很宽，我必须向右滚动才能看到所有数据。

使用粘性标题，它应该在容器内滚动，但有些东西会刹车。如果我向右滚动，然后向下滚动，然后向上滚动，然后向下滚动，您会看到粘性导航(触发时)失去定位。

我需要计算偏移量还是什么？

我感觉粘性启动缺少偏移函数或其他东西。

$('#menu-wrapper').on('sticky-start', function() {
    console.log("Started");
    $('.menu-wrapper').css('left', 'auto');
    $('.is-sticky .menu-wrapper').css('left', -$(this).offset() + "px");

    $('.container-compare').scroll(function() {
        $('.is-sticky .menu-wrapper').css('left', -$(this).scrollLeft() + "px");
    });
});

Demo

Answer 1

有一个link这是指 fork 的 fiddle 。总结我改变的事情:

• 将 var offset = $( this ).offset(); 更改为 var offset = $('.container-compare').scrollLeft();<
• 将 $( ".is-sticky .menu-wrapper").css( this.tagName + "coords ("+ offset.left + ")"); 更改为 $ ( ".is-sticky .menu-wrapper").css("left", -offset);
• 将 $('.menu-wrapper').removeAttr('style'); 替换为 $('.menu-wrapper').css('left', '0 ');