利用css去掉滚动条,但还有滚动效果:
-
/* 前面为容器名称 */ div::-webkit-scrollbar { display: none }
2
去掉竖直滚动条: <body style="overflow-y: hidden"> 隐藏横向滚动条,显示纵向滚动条: <body style="overflow-x:hidden;overflow-y:scroll"> 全部隐藏 <body style="overflow:hidden"> 或者是 <body scroll="no"> 如果是框架页,利用上面的方法仍不能去除可考虑以下办法: 被包含页面里加入 <style> html { overflow-x:hidden; } </style> 如果想隐藏垂直滚动条: <style> html { overflow-y:hidden; } </style> 这里先说一下滚动条的属性代码: overflow-y : visible | auto | hidden | scroll visible :不剪切内容也不添加滚动条。 auto : 在需要时剪切内容并添加滚动条 hidden : 不显示超过对象高度的内容,这里不对这个属性作介绍,大家喜欢的话可以自己尝试 scroll : 总是显示纵向滚动条
首先我现说一下去掉滚动条的方法:
如果用百度风格模版的话,滚动条只可能有一个,那就是整个空间右边最大的浏览器窗口滚动条,也就是我美化过的那个滚动条,现在告诉大家,我们可以把这个滚动条去掉,但是却不影响浏览的方法:
在body{}中加入overflow-y :visible;
就可以了,这样滚动条就不会显示出来了。大家可能会问,这样怎么往下拉?呵呵,既然我说了不影响浏览,那当然是有方法的,浏览的方法就是用鼠标的滚轮,虽然滚动条没了,可是鼠标滚轮还是能够让网页上下滚动的。我相信大家一般浏览网页的时候用滚轮下拉网页的次数应该比直接用鼠标拖动滚动条的次
数多吧?提示下,如果碰到没有滚动条而鼠标又没有滚轮的朋友,该怎么浏览网页呢?呵呵,大家可以用键盘上面的方向键上方的PageUp和PageDown来上下翻页,也可以用空格往下拉网页和Shift+空格往上拉网页,还有一个方法就是用上下方向键来拉动,另外还有按Home键回到网页顶部,End键到
达网页底部,呵呵,是不是方法很多呢?不过这样总会有那么一些些的不方便,所以大家可以根据自己的空间和喜好来考虑要不要取消这个滚动条。