2、在元素标签中使用style属性设置“display:none”样式。
3、在元素标签中使用style属性设置“visibility:hidden”样式。
html中使元素不可见有三种方法:
使用hidden属性。
使用style属性设置display:none。
使用style属性设置visibility:false。
显然,使元素不可见有两类方式:
元素彻底不可见,元素不会占据空间,仿佛消失了一样。
元素不可见,但是依旧占据着原来的空间,仿佛隐形了一样。
需要使用到js,获取到点击按钮声明一个变量为 var flag = false
当点击时 if(!flag){ flag = true , 把要显示的元素设置display为none}else{ flag= false, display设置为block}
相关css 代码如下://强制显示滚动条:
html { overflow: scroll}
//强制隐藏滚动条:
html { overflow: hidden}
//隐藏IE的水平滚动条:
html { overflow-x: hidden}
//隐藏IE的垂直滚动条:
html { overflow-y: hidden}
//强制显示IE的水平滚动条:
html { overflow-x: scroll}
//强制显示IE的垂直滚动条:
html { overflow-y: scroll}
//强制显示Mozilla的水平滚动条:
html { overflow:-moz-scrollbars-horizontal}
//注意: 仅仅强制显示水平滚动条. 也就是说, 即使需要显示垂直滚动条时, 垂直滚动条也不会出现.
//强制显示Mozilla的垂直滚动条:
html { overflow:-moz-scrollbars-vertical}
//注意: 仅仅强制显示垂直滚动条. 也就是说, 即使需要显示水平滚动条时, 水平滚动条也不会出现.
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)