一段js用来控制左侧的导航栏滑到底部时固定右侧继续滑动，但问题是将页面滚动到下边刷新左边不会滚下来了

JavaScript019

一段js用来控制左侧的导航栏滑到底部时固定右侧继续滑动，但问题是将页面滚动到下边刷新左边不会滚下来了,第1张

依靠css 将页面

document.documentElement.style.overflow='hidden'

document.body.style.overflow='hidden'//手机版设置这个。

如果设置了如上，页面的滚动条将会消失，此时鼠标滚轮失效。

使元素固定在网页中，不需要用到JS的，只需要用到CSS样式就可以了。

使用css 中的   position:fixed fixed是相对于浏览器的定位，设置了这个样式的元素将不会随页面滚动而改变位置，固定在屏幕中。

如 ：

.classname {

position:fixed

left:0

top:0

z-index:9999

}

你可以先给img加一个id如：<img src="#" id='img1'/>，然后js代码可以这样写：

$(function(){

$("#img1").click(function(){

//关闭id=left的div

$("#left").hide()

//显示id=left的div

$("#left").show()

//换id=img1图片的内容

$("#img1").attr("src",imgPath)/*这里的imgPath是你所要更换图片的路径*/

})

}