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指的是分叉小提琴。总结我改变的事情：

将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');

jQuery滚动功能粘贴标题应滚动

1 个答案: