≡
  • 网络编程
  • 数据库
  • CMS技巧
  • 软件编程
  • PHP笔记
  • JavaScript
  • MySQL
位置:首页 > 网络编程 > JavaScript

CSS设置overflow:scroll 只能上下滚动示例

人气:719 时间:2018-09-20

这篇文章主要为大家详细介绍了CSS设置overflow:scroll 只能上下滚动示例,具有一定的参考价值,可以用来参考一下。

CSS中"overflow:scroll"默认是左右,上下都滚动。怎么设置只上下滚动而不左右滚动,下面有个不错的解决方法
如何设置成:当长度超出DIV长度的时候,只有上下滚动,左右无论超出多长都不滚动,也不会出现下面的滚动杆?
如果左右没有超出内容时,用overflow:auto;
如果左右有超出内容,用overflow-x: hidden;
不过IE本身也是有问题的:
在设置Frame时,有一属性是scrolling="yes/no/auto",IE6的Mozilla都支持,但很显然地,IE的开发人员在这个地方懒了一下,他们对auto的理解很不人性化。
auto的意思是自动,就是要的时候有,不要的时候没有。但如果设成auto,则在网页过长需要出竖起滚动条时,IE会自动地把水平滚动条也显示出来,哪怕网页完全不超宽。
而设成yes时,IE则会一直出竖直滚动条,而不随便出水平条,这差不多是对的。所以如果要用Frame的话,还是要把这个属性设成Yes,这完全是为迁就IE。 Mozilla则在任何时候都是对的。
首先通过firebug找到对应的div
最后代码如下:
<div class="sidebar-nav" style="overflow:auto;overflow-x: hidden">

本文来自:http://www.q1010.com/174/578-0.html

注:关于CSS设置overflow:scroll 只能上下滚动示例的内容就先介绍到这里,更多相关文章的可以留意四海网的其他信息。

关键词:overflow,scroll

您可能感兴趣的文章

上一篇:js 控制图片大小入门实例
下一篇:JS 操作Cookies的简单示例
热门文章
  • js随机生成两位数
  • js 文字超出部分隐藏、点击显示更多示例
  • 原生JS+css 点击查看全文的简单示例(类似今日头条效果)
  • javascript实现文字隐藏、展开收起的简单示例
  • JS 展开/收起按钮显示隐藏文字示例
  • JavaScript 正则判断文本是否含有超链接的简单示例
  • 原生JS实现鼠标悬停图片显示文字的简单示例
  • JS 点击按钮显示更多内容的简单示例
  • 原生js for循环遍历二维数组、嵌套元素的简单示例
  • javascript 浮点数转换成整数三种方法
  • 最新文章
    • js获取时间,处理时间等的实现方法
    • JavaScript 判断小数是否相等的简单示例
    • JavaScript 获取数组极值的简单示例
    • JavaScript防抖 & 节流的简单示例
    • JavaScript深拷贝的简单示例
    • JavaScript数组降维的简单示例
    • JavaScript手机端判断浏览器类型的简单示例
    • JavaScript获取 URL 中的参数的简单示例
    • JavaScript以“天”为单位获取响应的时间戳的简单示例
    • JavaScript时间格式化的简单示例

四海网收集整理一些常用的php代码,JS代码,数据库mysql等技术文章。