Question

早上好，

我在根据其父级的scrollLeft值左右动画时遇到问题。

.section位于.container内，当.container滚出屏幕时，.section应根据scrollLeft .container的值保留在屏幕上1}}。

我已经设置了一个.show-me div来向自己展示应该将left的{{1}}值设置为.section。它显示正确的滚动偏移量，当我使用Chrome中的Inspect Element更改left值时，.section移动到正确的位置。

但他们不能一起工作。关于发生了什么的任何线索？

我尝试过这两种方法：

$('.container').scroll(function() {
    offset = $(".container").scrollLeft();
    $(".section").css("left",offset+"px !important");
    $(".show-me").text(offset+"px !important");
});

和

setInterval(function(){
    offset = $(".container").scrollLeft();
    $(".section").css("left",offset+"px !important");
    $(".show-me").text(offset+"px !important");
},1);

似乎都不适合我。救命啊！

Answer 1

您的问题可能在第一行，您的选择器$('container')在开头缺少.。我想它应该是$('.container')。您尝试将滚动事件侦听器应用于不存在的元素。

Answer 2

我已经明白了。

当我从CSS属性中取出!important时，它会起作用。我不确定为什么会这样，但确实如此。

感谢你的回答，Christofer！

让jQuery的scrollLeft工作

2 个答案: