Javascript 关于按钮外观的jquery提示
我有一个div,比如div1,我希望当这个div1完全滚动时,导航栏上会出现一个按钮……否则按钮应该保持隐藏。我尝试了以下代码: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
$(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();
}
});