java - 页面滚动时滚动模态框

Question

很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它， visit the help center 。

已关闭 10 年前。

我在页面中有一个叠加层，如下所示，请检查链接。

SLIDER DEMO

页面加载后，它将进入。然后，当您向下滚动页面时，覆盖层保持不变。当页面向上滚动到该 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');
    }

Answer 1

我认为你只需要修改你的CSS。
只需将样式position设置为absolute而不是fixed。

#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;