`
leon1509
  • 浏览: 527817 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

让一些HTML元素产生滚动条

    博客分类:
  • CSS
CSS 
阅读更多
让pre标签产生滚动条,默认最大的高度为340,多于这个数字,就会在y轴上产生滚动效果。

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

转载一段:http://www.cnblogs.com/xieran/archive/2012/03/29/2423813.html

目前已知:此滚动条适用于pre、div
分享到:
评论

相关推荐

    jQuery 滚动条的初探索1.0

    4、有滚动条的元素的高宽度一定是比包含在里面的内容的高宽度大,这样父级元素才会产生滚动条 5、适用适用VS2013开发者,下载直接运动查看效果,当然也可以直接把内容复制出来到其他html文件里查看效果 6、更新多...

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

    使用HTML开发商业网站 布局其他属性 布局其他属性 overflow属性可以解决溢出问题,其基本...在需要时产生滚动条,即自适应所要显示的内容 scroll 溢出内容会被修剪,且浏览器会始终显示滚动条 布局其他属性 谢谢大家

    jQuery详细教程

    在前面的章节中,我们展示了一些有关如何选取 HTML 元素的实例。 关键点是学习 jQuery 选择器是如何准确地选取您希望应用效果的元素。 jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 HTML 元素...

    div模块层随页面滚动遇顶固定的两种方法(js&jQuery)

    而当我们下拉滚动条,随着页面向下滚动,当此工具条接触到浏览器的上边缘时,这时就会独立出来固定在顶部,不跟随页面滚动而滚动了,如下图: 类似的例子效果我们在别的网站上都有看到过,例如腾讯微博首页上,当...

    详解三种方式实现平滑滚动页面到顶部的功能

    背景 ...实现功能比较简单,直接调用window.scrollTo(0, 0),一行代码...该样式的作用是为有滚动条的元素指定一个滚动的行为,但是只有在当用户手动导航或者 CSSOM scrolling API触发滚动的时候生效,不影响用户行为产生

    css兼容性问题总结笔记

    自己遇见的一些常见的css兼容性问题。和css hack 自己总结出来后生产pdf文档带书签的。 CSS兼容性笔记 1 一 css hack 1 1.直接案例 1 2. hack写法列表 1 3.在IE7+浏览器中按照IE7文档模式 1 ...15. 隐藏水平滚动条 7

    46种常见的浏览器兼容性问题大汇总

    20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能...

    css入门笔记

    4.auto 自动,溢出时自动显示滚动条并且可用 ============================== 9.29 1、边框线 属性:border: 取值: 2、边框倒角 属性:border-radius: 取值: px % 3、边框阴影 属性:box-shadow: 取值: ...

    超实用的jQuery代码段

    5.4 带滚动条的自动完成 5.5 Combobox风格的自动完成 5.6 读取XML数据的自动完成 5.7 多维数据的自动完成 第6章 jQuery实现拖放功能 6.1 基本拖放功能 6.2 基于事件的拖放 6.3 限制移动范围的拖放 6.4 延迟进行的...

    java源码包2

     [ConfigLine.java] 控制条类  [RoundBox.java] 限定选择控件  [MonthMaker.java] 月份表算法类  [Pallet.java] 调色板,统一配色类 Java扫雷源码 Java生成自定义控件源代码 2个目标文件 Java实现HTTP...

    JavaScript网页特效范例宝典源码

    实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...

    PT80-NEAT开发指南v1.1

    NEAT 开 发 指南 文档 适用于 PT80 系列 移动数据终端 版本记录 版本号 版本描述 发布日期 V 1.0 初始版本。 2012-04-12 V1.1 修改前三章内容 2012-09-25 目录 第一章 关于本手册.....................................

    Tcl_TK编程权威指南pdf

    本地化的按钮和滚动条 文本组件中的图片 destroy不再产生错误 grid rowconfigure 补丁版本 第52章 tcl/tk 8.1 unicode与国际化 线程安全 高级正则表达式 新字符串命令 dde扩展模块 杂类 第53章 tcl/tk...

    VC之美化界面篇本文专题讨论VC中的界面美化,适用于具有中等VC水平的读者。读者最好具有以下VC基础:

    CTLCOLOR_SCROLLBAR 滚动条 CTLCOLOR_STATIC 静态控件 表2 nCtlColor的类型值与含义 作为一个简单的例子,观察以下的代码: BOOL CUi5Dlg::OnInitDialog() { //… //创建字体 //CFont CUi1View::m_Font1, CUi1...

    400个DreamWeaver插件

    mxp/不论浏览器的滚动条怎么拉,用这个插件插入的层总是保持在某个位置不动 mxp/虽然Dreamweaver不是编辑php的好工具,但是还是有这个php和mysql连接的插件供大家使用 mxp/插入php中的“include”函数 mxp/从新加载...

    flash shiti

    13. 如果要让Flash 同时对若干个对象产生渐变动画,则必须将这些对象放置在不同的层中。 □ A. 正确 □ B. 错误 14. 矢量图形用来描述图像的是: □ A. 直线 □ B. 曲线 □ C. 色块 □ D. A 和B 都正确 15. 下列那几...

Global site tag (gtag.js) - Google Analytics