Javascript 加载后更改z索引
我有一个函数,当用户滚动以检查scrollTop()时会调用它,在某个滚动发生后,它会将菜单的z索引从-1更改为1。但是,这只发生在一个滚动上,因此如果用户刷新站点,菜单在下一个滚动出现之前实际上是不可用的 有什么方法可以让我调用它并检查屏幕的滚动量(刷新后不是用户滚动)是否符合更改z索引的条件 我的JS:Javascript 加载后更改z索引,javascript,scroll,Javascript,Scroll,我有一个函数,当用户滚动以检查scrollTop()时会调用它,在某个滚动发生后,它会将菜单的z索引从-1更改为1。但是,这只发生在一个滚动上,因此如果用户刷新站点,菜单在下一个滚动出现之前实际上是不可用的 有什么方法可以让我调用它并检查屏幕的滚动量(刷新后不是用户滚动)是否符合更改z索引的条件 我的JS: function getPosition(){ var y = $(window).scrollTop(); var status = (y > 8
function getPosition(){
var y = $(window).scrollTop();
var status = (y > 880) ? true : false;
//console.log(status);
if(status)
$('#actual-menu').css('z-index', 1);
else
$('#actual-menu').css('z-index', -1);
}
z-index属性对非定位元素没有影响,元素必须是相对定位、绝对定位或固定的。用以下内容替换您的行: 试着先加上这个
$("#actual-menu").css('position', 'relative');
$('#actual-menu').css('z-index', 1);
只需在
ready
事件中运行getPosition
风险价值限额=50
$(function () {
function getPosition() {
var y = $(window).scrollTop();
var status = (y > limit) ? true : false;
if (status) {
$('#actual-menu').css('zIndex', 1);
} else {
$('#actual-menu').css('zIndex', -1);
}
}
$(document).on('scroll', getPosition);
getPosition();
});
我尝试过,但由于没有用户滚动,它会将scrollTop()标记为0什么浏览器?在Firefox中,它在刷新时报告了一个数字。Chrome,可能与我的css有关。我猜我替换了这行,谢谢,元素已经定位,但在用户重新加载后仍然没有