css如何去除页面滚动条

利用css去掉滚动条,但还有滚动效果:

 
  1.  
    /* 前面为容器名称 */
    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键到
    达网页底部,呵呵,是不是方法很多呢?不过这样总会有那么一些些的不方便,所以大家可以根据自己的空间和喜好来考虑要不要取消这个滚动条。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值