0

おはようございます、

親のscrollLeft値に基づいて、何かを左右にアニメーション化するのに問題があります。

.sectionはの中.containerにあり.container、画面からスクロールアウトするときに、の値に.section基づいて画面にとどまる必要があります。scrollLeft.container

の新しい値.show-meとして何を設定する必要があるかを自分自身に示すために、divを設定しました。適切なスクロールオフセットが表示されており、ChromeでInspect Elementを使用して値を変更すると、適切な場所に移動します。left.sectionleft.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);

そして、どちらも私にはうまくいかないようです。ヘルプ！

4

2 に答える 2

1

問題は最初の行にある可能性があります。セレクターの最初にがありませ$('container')ん.。私はそれがすべきだと思います$('.container')。存在しない要素にスクロールイベントリスナーを適用しようとしました。

于 2012-07-31T18:43:25.563 に答える
0

私はそれを理解しました。

!importantCSS属性を外すと機能します。なぜこれが機能するのかわかりませんが、機能します。

クリストファー、あなたの答えをありがとう！

于 2012-07-31T19:18:57.723 に答える