0

このようにページにオーバーレイが1つあります。リンクを確認してください。

スライダーデモ

ページが読み込まれると、それが表示されます。次に、ページを下にスクロールしても、オーバーレイは同じままです。また、その URL に記載されているように、ページがある程度までスクロールすると、上にスクロールする必要があります。次に、ユーザーがスクロールバックすると、それが表示されます。
私はそれを行うためにこのコードを使用しており slideme()、オーバーレイを取り込み、reset()元に戻します。

私の質問が明確であることを願っています。前もって感謝します。

$(document).ready(function()
{
    SlideMe();

    $('body').keypress(function(e)
    {
        if(e.keyCode == 27)
        {
            reset();
        }
 });

    });
    function SlideMe()
    {   
        if(document.getElementById('hdnFBStats').value == 1)
        {
            document.getElementById('hdnFBStats').value =0;
            reset();
            return false;
        }

        $lngDocWidth = ($(document).width()/3)+32;

        $('#overlay').fadeIn('fast',function(){
            $("#fb").animate({marginRight:$lngDocWidth}, 1500);         
        });

        $("#feedbackimg").css("margin-right", '100px');
        $("#feedbackimg").css("float", 'right');

        document.getElementById('hdnFBStats').value= 1;
    }

    function reset()
    {
        $("#fb").css('margin-right', '0px');
        $('#overlay').fadeOut('fast');
    }
4

1 に答える 1

2

cssを変更するだけでいいと思います。の代わりに
style positionasを入れるだけです。absolutefixed

#fb {
    position: absolute;
    right: -505px;
    top: 150px;
    z-index: 101;
}

編集：これがお役に立てば幸いです。

 function thisfunc(evt) {
    if(window.pageYOffset>=400) { 
       // if(sent to right) { 
       //send to right 
       //}
    }
    else {
       // if(sent to middle) {
       //send to middle and restore
       //}
    }
    }
    document.onscroll=thisfunc;
于 2012-12-20T13:14:19.833 に答える