<body style=`overflow:-Scrolloverflow-y:hidden` >
</body>
2、取消横向滚动条:
<body style=`overflow:-Scrolloverflow-x:hidden` >
</body>
3、两个滚动条都取消
<body scroll="no">
</body>
细心的朋友会发现,平时上网的时候,网页页面有2个条,居于网页左下侧和最右侧,分别为横线滚动条和竖向滚动条。这2个滚动条可以方便查看因为屏幕太小显示不了的页面。但是有时候开发网页的时候,并不需要这个滚动条,那么怎么去掉这2个滚动条呢?下面小编就教大家解决的办法。工具/原料
html基础知识,去掉横竖滚动条
方法/步骤
1
首先来看竖滚动条,如下图,在屏幕最右侧的位置。
2
怎么去掉最右侧的这个导航条呢?
我们在</body>之前加上这条html代码:
<body style="overflow:-Scrolloverflow-y:hidden" >
3
然后保存代码,刷新页面看看最右侧的滚动条是不是去掉了呢,刷新以后最右侧的滚动条的确已经不在了。
4
然后再来看看横向滚动条,如下图,在屏幕最下侧的位置。
5
怎么去掉最下侧的这个导航条呢?
我们在</body>之前加上这条html代码:
<body style="overflow:-Scrolloverflow-x:hidden">
6
然后保存代码,刷新页面看看最下侧的左右滚动条是不是去掉了呢,刷新以后最下侧的滚动条的确已经不在了。
END
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)