`

Overflow:auto解决scoll 问题

 
阅读更多 
<html>
	<head>
		<style type="text/css">
			.usb {
				width:100px;
				height:200px;	
			}	
		</style>
		<title>用户信息</title>
	</head>
	<body>
		<div class="usb">
		<div  style="width:100%;height:100%;overflow:auto;">
		usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>
		===========================
		</div>
	</div>
		---------------------------
		<div class="usb">
		<div style="width:100%;height:100%;overflow:auto;">
		usb
		<br/>
usb
		<br/>
usb
	
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usbbr/>u2222222222222222222sb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>usb
		<br/>
		</div>
	</div>
	</body>
	
</html>

 

分享到：
| Servlet 中文编码问题集成解决方案
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    详解overflow-scrolling解决滚动卡顿问题

    以下代码可解决这种卡顿的问题：-webkit-overflow-scrolling: touch;，是因为这行代码启用了硬件加速特性，所以滑动很流畅。这个方法的确可以解决ios5.0、android4.0以后系统的滑动卡顿问题。 -webkit-overflow-...

    移动webview 支持overflow:auto

    移动版游戏器不支持overflow:auto，即多余内容隐藏，并能通过手指拉动来滚动内容。目前有很多模拟这种效果的js库，如iScroll。但经项目测试，iscroll在很多浏览器中有明显的性能问题。一怒之下写了这个库，性能刚刚...

    使用Element的InfiniteScroll 无限滚动组件报错的解决

    一、问题描述 在使用Element的InfiniteScroll 无限滚动时候出现以下错误： ...给需要使用 InfiniteScroll 的元素或者它的父级元素加上 overflow:auto; 属性即可。 &lt;div v-infinite-scroll=l

    微信小程序overflow:auto; ios设备卡顿问题

    我们在开发微信小程序的时候，经常会使用到overflow...友情提醒：我推荐你使用微信小程序scroll-view组件实现局部滚动功能，scroll-view微信已经做好了兼容问题，不会出现这种不兼容的问题。用的时候记得给height设值哦

    css使用overflow属性控制滚动条的样式

    overflow: auto; 在需要时内容会自动添加滚动条 overflow: scroll; 总是显示滚动条 overflow-x: hidden; 禁止横向的滚动条 overflow-y: scroll; 总是显示纵向滚动条 以上三个属性设置的值为visible、scroll、hidden...

    CSS中overflow:scroll怎么设置只上下滚动而不左右滚动

    CSS中"overflow:scroll"默认是左右，上下都滚动 如何设置成：当长度超出DIV长度的时候，只有上下滚动，左右无论超出多长都不滚动，也不会出现下面的滚动杆？ 如果左右没有超出内容时，用overflow:auto; 如果左右有...

    一个通俗小故事告诉你溢出隐藏（overflow:hidden）失效的原因

    scroll：声明内容将被剪裁，但有可能出现滚动条来查看被剪裁掉的内容。滚动条出现的位置在inner border adge和outer padding adge之间。auto：声明决策将依赖于客户端，优先使用scroll。 W3C标准中指明：通常一个...

    react-auto-scroll:自动将元素滚动到底部

    @ brianmcallister /React自动滚动 自动将元素滚动到底部react-auto-scroll是一个React组件，它将包含元素自动滚动到底部。目录演示版托管的演示： : 您也可以在本地运行演示。 开始： git clone git@github....

    浅谈html5与APP混合开发遇到的问题总结

    将页面的最外层(我一般在写页面时，会在body标签内写一个大容器，用于存放页面的内容)设置overflow:auto/scroll;并且不能设置height属性的值(height:100%也不行) 例子 &lt;body&gt; //网页内容 &lt;/body&gt; ...

    Android网页支持overflow功能Demo

    android 网页是不支持overflow:auto 属性的，即不支持超出父容器，让父容器出滚动条。这个JS就是完成这个功能的。在原生的HTML元素上进行了功能扩展，使容器在用户手指swipe时，进行滚动。 上次传的仅仅为js代码，...

    微信小程序实现列表的横向滑动方式

    overflow-x: auto;子元素设置： display:inline-block; 方式二：scroll-view 标签 + 样式 scroll-view的横向滚动： scroll-view的内层view元素需要：display：inline-block; scroll-view的外层元素需要：white-...

    使用HTML开发商业网站-DIV+CSS布局 布局的其他属性课件.pptx

    overflow属性可以解决溢出问题，其基本语法格式如下： 选择器{overflow:属性值;} overflow属性的常用值有四个，具体如下表所示。 属性值 描述 visible 内容不会被修剪，会呈现在元素框之外（默认值） hidden 溢出...

    CSS样式设置div滚动条示例代码

    /*自动出现滚动条，如果要出现竖直滚动条则改成：overflow-y:auto，如果横向出现滚动条则改成：overflow-x:auto*/ scrollbar-face-color:#F00; /*滚动条凸出部分的颜色(前景色),包括两端的方形按钮、水平或竖直滑动...

    scrollbar_js实现竖向滚动条

    margin:20px auto;} .picul{ width:100%; float:left;} .picul li{ width:115px; height:115px; float:left; margin:0 7px 25px 7px; padding:1px; border:1px solid #ccc;} .picul li a{ display:block;} .picul li...

    css设置Overflow实现隐藏滚动条的同时又可以滚动

    css设置Overflow实现隐藏滚动条的同时又... overflow-x: auto; overflow-y: hidden; padding: 0 0.1rem; margin-bottom: -.2rem; overflow: -moz-scrollbars-none; overflow: -moz-scrollbars-none; } .scroll-l

    Android网页支付overflow功能JS

    android 网页是不支持overflow:auto 属性的，即不支付超出父容器，让父容器出滚动条。这个JS就是完成这个功能的。在原生的HTML元素上进行了功能扩展，使容器在用户手指swipe时，进行滚动。用法：document....

    eco-Scroll:环保的jQuery Scroll Plugin

    Eco-Scroll.js 具有无限可能性的环保jQuery滚动插件 它有什么作用？ 环保-看不见的元素将被移除 无限滚动-可以滚动到无边界 可能性-它可以转化为许多不同的工具，可能性无穷无尽 为什么？ 我想创建一个无限滚动...

    HTML标签的overflow处理用应

    overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2．scrollbar-3d-light-color立体滚动条亮边的颜色 scrollbar-arrow-...

    pixi-scrollbox:一个为pixi.js构建的滚动框，它使用一个带有可选滚动条的垂直和_或水平滚动的蒙版框

    不需要时可以隐藏滚动框的滚动条（options.overflow = auto或隐藏） 也可以通过在内容窗口上拖动来滚动滚动框（options.dragScroll = true） 现场例子 基本原理 我需要一个用于游戏UI的滚动框，并且由于我拥有漂亮...

    JavaScript对象反射用法实例

    本文实例讲述了JavaScript对象反射用法。分享给大家供大家参考。具体如下： 这里讲述JavaScript对象反射...overflow:scroll; } #main{ width:500px; text-align:left; margin-left:auto; margin-right:auto; } &lt;/s

Magicbox
Global site tag (gtag.js) - Google Analytics