Javascript 关于按钮外观的jquery提示

Javascript 关于按钮外观的jquery提示,javascript,css,Javascript,Css,我有一个div,比如div1,我希望当这个div1完全滚动时,导航栏上会出现一个按钮……否则按钮应该保持隐藏。我尝试了以下代码: $(function(){ $("#b1").hide(); var h=$("#d1").height(); var h1=$("#d2").height(); var eventPosition=h+h1; $(window).scroll(function{ if(window.screenY>=ev

我有一个div,比如div1,我希望当这个div1完全滚动时,导航栏上会出现一个按钮……否则按钮应该保持隐藏。我尝试了以下代码:

$(function(){
    $("#b1").hide();
    var h=$("#d1").height();
    var h1=$("#d2").height();
    var eventPosition=h+h1;
    $(window).scroll(function{
        if(window.screenY>=eventPosition)
        {
            fireEvent();
        }
        else{
            fireEvent1();
        }
    });
fireEvent()
{
    $("#b1").show();

}
fireEvent1()
{
    $("#b1").hide();
}
    });

你错过了虚词

$(function () {
    $("#b1").hide();
    var h = $("#d1").height();
    var h1 = $("#d2").height();
    var eventPosition = h + h1;
    $(window).scroll(function{
        if (window.screenY >= eventPosition) {
            fireEvent();
        }
        else {
            fireEvent1();
        }
    });
    function fireEvent()
    {
        $("#b1").show();

    }
    function fireEvent1()
    {
        $("#b1").hide();
    }
});
这是您的代码,有一些更改。当它到达底部时,将显示一个按钮。 下面是一个JSFIDLE示例。


我希望这将帮助您找到问题的解决方案。

您需要在
fireEvent1
fireEvent
$(document).ready(function(){
    $("#b1").hide(); 

     $(window).scroll(function(){

        if(($(window).scrollTop()+$(window).height()) >=
        $(document).height())
        {
            fireEvent();
        }
        else{
            fireEvent1();
        }
    });

function fireEvent()
{
    $("#b1").show();

}
function fireEvent1()
{
    $("#b1").hide();

}
    });