1、首先输入下方的代码:
$(window).scroll(function () {
var $nav = $(".floatingMenu ul li"),
length = $nav.length-1,//获取导航菜单 ul li 的个数
item = new Array(),//新建一个数组
sTop = $(window).scrollTop()//获取偏移的高度
for (var i = 0i <lengthi++) {
2、然后输入下方的代码:
if (i == 0) {
item[i + 1] = $(".blockList>div:first-child").offset().top
if (sTop >= item[i + 1]) {
$nav.eq(i).addClass("selected").siblings("li").removeClass("selected")//选中的样式selected
}
} else {
3、然后输入下方的代码:
item[i + 1] = $(".blockList>div:nth-child(" + (i + 1) + ")").offset().top
if (sTop >= item[i + 1] - 100) {
$nav.eq(i).addClass("selected").siblings("li").removeClass("selected")
}
}
}
})
4、然后就可以了。
您好,span标签下拉框的定位可以通过CSS选择器来实现,比如:span[name="dropdown"] {position: absolute}。这样就可以把span标签下拉框定位到指定的位置。此外,还可以使用JavaScript来实现定位,比如:document.getElementsByName("dropdown")[0].style.position = "absolute"。这样就可以把span标签下拉框定位到指定的位置。有两种方式;一种是绝对定位方式,一种是通过固定定位方式(固定定位是浮动在浏览器的固定位置的,就是不能随浏览器的滚动而变化,始终在浏览器的底部);能用到的css样式:position:absoluteposition:fiexd
<div class="navdown" style="width:1000pxheight:50px">
<li>导航</li><li>导航</li><li>导航</li><li>导航</li><li>导航</li><li>导航</li>
</div>
css:
.navdown{position:absolute:bottom:0}
.navdown{position:fiexdbottom:0}