7

私は現在ポートフォリオ サイトを構築していますが、少し問題があります。基本的に 2 つの小さな問題があります...

  1. 位置に x 軸の「中心」属性が含まれている場合、y 軸でアニメーション化する背景位置を取得できません

  2. スクロール中に効果が得られず、スクロールを停止すると一時停止し、スクロールを続けると続行します

ここに私が使用しているコードがあります:

//Top section parallax
$(function parallaxInnerAnimation(){

    //Reset the background position
    $('#first-canvas .inner').css({backgroundPosition: 'center 0px'});

    //Set the animations
    $(window).scroll(function() {
        $('#first-canvas .inner').animate({
        backgroundPosition:"(center -200px)"
        }, 5000, 'linear');
    });

});

Alexander Farkas による jquery.backgroundPosition プラグイン v1.22 と jQuery 1.6.1 を使用しています。

このサイトは css3 と html5 であり、主に IE9、Firefox 4、Chrome 11 などをサポートすることを目的としています...古いブラウザー用に別のサイトを作成しているため、下位互換性が犠牲になる可能性があります

ばかげた質問で申し訳ありませんが、私は実際には開発者ではなく、フロントエンドのものをコーディングできるデザイナーです。よろしくお願いします。

アップデート：

コンテキストに入れるために、ライブサーバーhttp://charlieryan.co.uk/stack-overflow/に配置しました

4

2 に答える 2

1

backgroundPosition.charlieryan.js プラグインを見ましたが、中央の背景位置をサポートしていません。プラグインを変更して使用する必要がある場合があります。toArray というメソッドがありますが、これを変更する必要があります。js エラーはこの問題に関連しています。さらにサポートが必要な場合はお知らせください。

于 2011-05-31T17:11:34.783 に答える
1 
$(window).scroll(function ()
{
 var yPos=-($(window).scrollTop() / 6);
 if($(window).scrollTop()>100)
 {
  document.getElementById("div1_wrapper").style.backgroundPosition="100% "+yPos+"px";
 }
 if($(window).scrollTop()<100)
 {
  document.getElementById("div1_wrapper").style.backgroundPosition="100% 100%";
 }
});

公式チュートリアルはこちら

于 2016-03-22T05:16:48.353 に答える