左侧导航栏可显示与隐藏用js该怎么实现

JavaScript019

左侧导航栏可显示与隐藏用js该怎么实现,第1张

1：需要获取左侧导航栏对象。

2：绑定事件

3：css中的显示隐藏有：

3.1：display:block显示

3.2：display:none隐藏

3.3：opacity：1；显示

3.4：opacity:：0；隐藏，但元素不会彻底消失只是透明度为0,还是会占据空间。会触发事件。

3.5：visibility:visible显示

3.6：visibility:hidden隐藏，元素不会彻底消失。还会占据空间。

3.7：css3中有transform:scale(1)显示。2D缩放转换

3.8：transform:scale(0)隐藏，2D缩放转换

4：对以上回答如有疑问请指正或者追问。

5：望采纳！

依靠css 将页面

document.documentElement.style.overflow='hidden'

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

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