5

親のdivと同じ速度でテキストをスクロールさせようとしています（1/10の速度でスクロールしています）。現在、通常の速度でスクロールしています。私は間違って何をしていますか？

HTML：

<div id="blank" class="page">
  <p>blah blah blah</p>
</div>

CSS：

body { background:url(images/background.gif); }
.page {  overflow: auto; width: 580px; color: white; }
#blank { background: url(images/02.jpg) 50% 0 no-repeat fixed; height: 2300px;}

JS：

$('#blank').parallax("50%", 0, 0.1, true);
$('#blank p').parallax("50%", 0, 0.1, true);
4

1 に答える 1

14

私もプラグインを使ったことがありません。プラグインなしでそれを行うのは非常に簡単です。

$(document).ready(function(){     
    $(document).scroll(function(){
        var topDist = $(document).scrollTop();
        $('#blank').css('margin-top', (topDist/10)*9);      
    });
});​

スクロールトップを使用すると、スクロールされた距離がわかり、それをマージン、トップ位置、左位置、bg位置などに追加できます。これが役立つことを願っています

http://jsfiddle.net/PHHrF/1/

于 2012-06-11T02:35:39.390 に答える