firefox中滚动条设置问题 - - ITeye博客

`

zmfbird

浏览: 49436 次
性别:
来自: 西安

最近访客更多访客>>

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

Tuyayaya：楼主那个编辑器叫什么可以下载不
基于SVG的空间信息表达与分析
dundun163：装过9.3没，大哥别老把别处抄的9.2注册方法到处乱贴！
arcgis 9.3的安装

firefox中滚动条设置问题

博客分类：

html/css

阅读更多

需要在一个div中添加滚动条以显示所有的内容
css中定义：overflow-y:auto;
只在ie中有效果，firefix不出现滚动条。
必须添加高度：height:100%;
这样firefox中才出现滚动条。
另外要用position: absolute!important;
position: relative;来确定div的位置

分享到：

suse | javascript动态的写入数据

2008-12-29 17:35
浏览 3847
评论(0)
查看更多

评论

发表评论

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

相关推荐

vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件下拉滚动条: 总结来说，自定义Vue中的滚动条需要考虑浏览器兼容性，可以借助第三方库解决这个问题。同时，我们可以通过CSS和JavaScript来控制滚动条的样式和行为。在实际开发中，应根据项目需求选择合适的方法，并确保测试覆盖...

修改火狐滚动条样式(纯css).html: 修改火狐滚动条样式demo,纯css修改火狐默认的滚动条样式

强制Firefox显示滚动条.rar: 介绍：强制Firefox显示滚动条：方法一：...} ...} 为什么要强制显示滚动条？因为在Firefox你会发现页面在没有加载完全的时候是没有滚动条的，当加载完成后滚动条才显示出来，所以会感觉页面偏移了下。

HTML中滚动条各种样式示例: 如果需要，你可以使用`scrollbar-width`和`scrollbar-color`属性（非Webkit特有，但在Firefox和Safari中支持）来调整滚动条的宽度和颜色： ```css body { scrollbar-width: thin; /* 设置滚动条宽度 */ ...

浏览器滚动条设置 scrollBar: - `scrollbar-width`（仅限Firefox）：此属性允许设置滚动条的宽度，可接受的值有`auto`（默认宽度）、`thin`（较窄宽度）和一个具体的像素值。 ```css ::-webkit-scrollbar { width: 12px; /* Chrome/Safari/...

自定义滚动条（兼容所有浏览器）: 在网页设计中，滚动条是不可或缺的元素，它允许用户浏览超出视口的内容。然而，浏览器默认的滚动条样式往往无法满足设计师对于界面美观和统一性的追求。标题“自定义滚动条（兼容所有浏览器）”所提及的知识点，就是...

webbrowser滚动条隐藏: 若要隐藏滚动条，我们可以在CSS中设置宽度为0： ```css ::-webkit-scrollbar { width: 0; /* 隐藏横向滚动条 */ } ::-webkit-scrollbar-thumb { background: transparent; /* 隐藏纵向滚动条 */ } ``` 然而，...

css美化滚动条: 需要注意的是，这些CSS3的滚动条样式目前仅在Webkit内核的浏览器（如Chrome、Safari）中支持，对于Firefox、Edge等其他浏览器，需要使用它们特定的语法，或者借助JavaScript库实现跨浏览器的滚动条美化。六、...

好看的滚动条样式: 注意，这些CSS滚动条样式主要是基于WebKit的，所以它们在Safari和Chrome等基于WebKit的浏览器中工作良好，但不适用于Firefox和Internet Explorer。对于其他浏览器，可能需要使用JavaScript库或者特定的浏览器前缀...

原生js scrollbars滚动条插件设置浏览器竖直滚动条美化.rar: 在网页设计中，滚动条是不可或缺的元素，尤其是在现代网页追求沉浸式体验的背景下，滚动条的美观性和与页面的融合性变得越来越重要。原生JS（JavaScript）滚动条插件能够帮助开发者自定义和美化浏览器的默认滚动条，...

Html+CSS实现滚动条不挤占内容区宽度.zip: 但是，随着 CSS3 的发展，现代浏览器（如 Chrome、Firefox 和 Safari）引入了 `::-webkit-scrollbar` 和 `::-webkit-scrollbar-thumb` 等伪元素，使得我们可以自定义滚动条的外观。以下是一些关键的 CSS 属性，...

flex滚动条三种实现方式: 这种方式只在支持WebKit内核的浏览器（如Chrome和Safari）中有效，对于Firefox和其他浏览器可能需要额外的解决方案。 3. **JavaScript库或CSS框架实现滚动条**：对于更高级的自定义，开发者可以使用JavaScript库...

IE滚动条 CSS样式: 在网页设计中，为了提升用户体验，设计师们常常会利用CSS（Cascading Style Sheets）来定制浏览器的滚动条...不过，随着IE浏览器逐渐被淘汰，开发者可能需要更多地关注对Chrome、Firefox等现代浏览器的滚动条样式支持。

firefox 滚动条消失引起页面抖动的问题: 然而，在特定情况下，尤其是在 Firefox 浏览器中，滚动条的显示与隐藏可能会引发一个名为“页面抖动”的问题。这个问题指的是当用户滚动页面时，由于滚动条的突然出现或消失，导致页面内容的布局瞬间发生微小变化，...

web彩色滚动条（HTML）: /* 在Firefox中启用自定义滚动条 */ } /* WebKit浏览器（如Chrome、Safari）的滚动条样式 */ ::-webkit-scrollbar { background-color: rgba(0, 0, 0, 0.1); /* 设置滚动条背景色 */ } ::-webkit-scrollbar-...

为select下拉框添加滚动条: 当下拉菜单选项比较多的时候，select下拉列表内容过多，在IE中默认是30条选项，firefox默认是20条，超过自动出现滚动条，但是在没出现滚动条时候样式特别不协调。本次上传的代码将提供一种方法将select下拉框添加...

JavaScript自定义浏览器滚动条兼容IE、火狐和chrome.docx: 使用 CSS 可以自定义浏览器滚动条的样式，但是 CSS 只能转变 Chrome 和 IE 浏览器的样式，无法对 Firefox 浏览器进行样式定义。因此，我们需要使用 JavaScript 来实现自定义浏览器滚动条。二、JavaScript 实现...

textArea滚动条样式: 对于Firefox、IE/Edge等非Webkit浏览器，我们需要依赖JavaScript库或自定义实现来改变滚动条样式。 1. **纯CSS方法（Webkit兼容）** 对于Webkit浏览器，可以使用以下CSS代码来定制滚动条： ```css textarea::-...

FlexPaper解决滚动条问题: 在FlexPaper 1.5.0的更新中，开发者已经注意到了这个问题，并在Flash版本中进行了修复，即“FlexPaper_1.5.0_flash1”这个更新包，旨在优化滚动条的性能和用户体验。 1. **JavaScript冲突**：当网页中存在多个...

HTML+CSS实现最简单的滚动条显示隐藏和更改滚动条样式: 在网页设计中，滚动条是不可或缺的元素，尤其是在内容超过屏幕显示范围时。HTML和CSS是构建网页的基础，其中HTML负责结构，CSS负责样式。本文将深入探讨如何使用HTML和CSS来实现滚动条的显示、隐藏以及自定义样式，...

Global site tag (gtag.js) - Google Analytics