`
lanxin1985
  • 浏览: 83018 次
  • 性别: Icon_minigender_2
  • 来自: 大连
社区版块
存档分类
最新评论

div上加滚动条的问题

阅读更多
昨天做了一个页面,需要在页面的某一块上面加上滚动条的效果,于是我选择了给该处添加一个div,然后给div上面的了一个样式<div style="height:400px;OVERFLOW-Y:auto">原以为这样就可以实现我的要求,但是事实并非如此。我的滚动条里要显示一个列表,数据是从数据库里查询出来的。这时问题出现了,有时候列表显示数据后整个div块会自动下移,不管我怎样调页面的结构都不行。起初我把问题定位到了js上面(因为数据列表使用js动态生成的),于是自己做了一个与我实际页面相似测试页面,在每产生一条记录是打印这行记录的html代码,随着一个个alert对话框的出现,出现了一种现象,div块随着列表行数的增加逐渐下移,这时,我才明白,原来这是div加滚动条后自身的问题,不知道有没有人遇到过和我相似的问题啊,可以分享一下解决的方法。
分享到:
评论
1 楼 lanxin1985 2009-02-26  
我换了种方式解决了,把原先用div的地方改用iframe

相关推荐

    div滚动条 带滚动条的div div滚动条样式

    DIV 滚动条样式详解 在 HTML 中,我们经常需要在 DIV 元素中添加滚动条,以便在内容超出 DIV 区域时,能够滚动查看内容。这篇文章将详细介绍如何使用 CSS 样式表来实现 DIV 滚动条的样式设置。 什么是 DIV 滚动条...

    一款好看的DIV+CSS滚动条

    标题提及的"一款好看的DIV+CSS滚动条"是指利用这种方法创建的自定义滚动条,它可以提升网站的用户体验和视觉吸引力。 滚动条通常在内容超过容器显示范围时出现,允许用户浏览隐藏的部分。在默认情况下,浏览器会...

    div随滚动条上下滚动

    在网页设计中,"div随滚动条上下滚动"是一种常见的动态效果,通常用于实现固定定位或者跟随滚动的视觉效果。这种效果可以通过JavaScript库jQuery和原生JavaScript来实现,以增加用户体验,使某些元素如导航栏、侧...

    div滚动条优化

    "div滚动条优化"这个主题主要关注如何在不牺牲滚动功能的前提下,通过CSS样式和JavaScript技术来美化或定制滚动条,使其更加符合现代网页的审美标准和用户体验需求。 首先,我们要了解默认滚动条的样式通常是浏览器...

    div不随滚动条的移动而改变位置

    标题"div不随滚动条的移动而改变位置"所指的问题是关于如何实现一个固定定位(fixed positioning)的 `div` 元素。这种效果使得 `div` 在页面上保持在一个特定位置,即使用户滚动页面,它也不会移动。这通常用于创建...

    网页局部div随滚动条置顶滚动

    网页局部div随滚动条置顶滚动是一种常见的网页交互设计,常用于新闻网站、电商页面或者任何需要突出显示特定内容的场景。这种效果使得用户在滚动页面时,某个div元素(通常包含重要信息或导航)始终保持在视口顶部,...

    Android手机版浏览器DIV滚动条失效解决方案

    在Android平台上,开发一款手机版浏览器时,可能会遇到一个常见的问题:在特定情况下,网页中的`div`元素的滚动条无法正常工作。这个问题通常是由于Android原生浏览器或自定义WebView组件的某些特性引起的。本文将...

    拖动div 内部有滚动条

    在处理带有内部滚动条的 `div` 时,我们常常需要实现拖动功能,让用户能够通过鼠标拖动来查看内容,特别是在内容超出 `div` 边界时。这种效果常见于各种自定义滚动条或者数据展示区域的设计。 要实现“拖动div内部...

    jQuery实现将div的滚动条滚动到指定位置

    在网页开发中,jQuery是一个非常...总的来说,通过jQuery的`animate()`方法,我们可以轻松地实现div滚动条的动态控制,为用户提供更加友好的交互体验。这个功能在展示长列表、分页内容或者需要聚焦某个部分时特别有用。

    利用div+jquery自定义滚动条

    在这里,`div`可以作为我们需要自定义滚动条的容器,通过设置`overflow`属性来控制内容超出时是否显示滚动条。例如,如果想让div在内容过多时显示横向滚动条,可以这样设置CSS样式: ```css div.scroll-container {...

    div滚动条样式一览-div+css设计网

    2. `::-webkit-scrollbar-thumb`: 选取滚动条上的滑块部分,也就是用户拖动的部分。 3. `::-webkit-scrollbar-track`: 选取滚动条的轨道部分。 4. `::-webkit-scrollbar-thumb:hover`: 当滑块被鼠标悬停时的样式。 5...

    div 的滚动条问题

    div 的滚动条问题 div自动添加滚动条,防止div移动位置

    div 加滚动条 多样式

    本文将深入探讨如何在`div`中添加滚动条,并展示几种不同的样式化滚动条的方法。 首先,让我们了解如何在`div`中启用滚动条。这可以通过CSS来实现。默认情况下,浏览器会在需要时自动显示滚动条,但我们可以用以下...

    div跟随水平滚动条移动

    div或其他html块内容跟随滚动条移动,滚动移动时,内容跟着移动,并保持最右边

    DIV滚动悬浮层(滚动条动,层不动)

    在网页设计中,"DIV滚动悬浮层"是一种常见的交互效果,它使得某个元素(通常是一个包含重要信息或功能的div)在用户滚动页面时始终保持在屏幕的特定位置,提供持续的可视性和可访问性。这种效果可以用于侧边栏菜单、...

    如何让DIV固定在页面的某个位置而不随着滚动条随意滚动

    "让DIV固定在页面的某个位置而不随着滚动条随意滚动" 在前端开发中,我们常常需要让某个DIV元素固定在页面的某个位置,而不随着滚动条的滚动而移动。这可以通过使用CSS的position属性来实现,特别是使用fixed值。...

    纯css实现table滚动条(纯css实现div滚动条)

    纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.

    DIV动态显示滚动条

    有时候,当`DIV`内的内容超过了其容器的显示范围时,滚动条就显得尤为重要,它可以帮助用户浏览那些不可见的部分。本篇文章将深入探讨如何通过 JavaScript(特别是结合 jQuery 库)来实现`DIV`动态显示滚动条的功能...

    jqueryDIV滚动条

    jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jsDIV滚动条jsDIV滚动条jsDIV滚动条

    JQuery 随鼠标滚动条滚动的div

    标题中的“JQuery 随鼠标滚动条滚动的div”是指使用JQuery库来实现一个功能,即当用户滚动页面时,某个特定的div元素会跟随滚动条一起移动。这个功能在网页设计中常见于侧边栏菜单、广告条或者固定导航栏等,目的是...

Global site tag (gtag.js) - Google Analytics