Question

我有一个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();
}
    });

Answer 1

你错过了功能词

$(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();
    }
});

Answer 2

$(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();

}
    });

以下是您的代码，其中包含一些更改。当它到达底部时，将显示一个按钮。这是一个jsfiddle的例子。 https://jsfiddle.net/okisinch/6t02bum1/1/

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

jquery提示按钮的外观

2 个答案: