div能不能只实现水平滚动？

blucecat 2002-05-16 06:02:28
如果不能，有没用其他控件能？包括server control，如Panel
...全文
100 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
blucecat 2002-05-17
  • 打赏
  • 举报
 回复
xiexie
孟子E章 2002-05-16
  • 打赏
  • 举报
 回复
<DIV ID=oDiv STYLE="width: 200px; height: 200px; overflow:auto; overflow-y: hidden">

:
</DIV>
孟子E章 2002-05-16
  • 打赏
  • 举报
 回复
<DIV ID=oDiv STYLE="width: 200px; height: 200px; overflow-x: visible; overflow-y: hidden">
:
</DIV>
nohbday 2002-05-16
  • 打赏
  • 举报
 回复
如果只要水平滚动应该这样
<DIV ID=oDiv STYLE="width: 200px; overflow: auto;">
:
</DIV>
juqiang 2002-05-16
  • 打赏
  • 举报
 回复
of course!!!
or using table!!!
mbm 2002-05-16
  • 打赏
  • 举报
 回复
<DIV ID=oDiv STYLE="width: 200px; height: 200px; overflow: auto;">
:
</DIV>
div模块层随页面滚动遇顶固定的两种方法(js&jQuery)
一、遇顶固定的例子 我一直以为是某个div或层随屏幕滚动，遇顶则固定，离开浏览器顶部又还原这样的例子其实不少，其实它的名字叫“层的智能浮动效果”。目前我们在国内的商业网站上就常常看到这样的效果了。例如淘宝网的搜索结果页的排序水平条，在默认状态时，该工具条是跟随页面滚动的，如下图： 而当我们下拉滚动条，随着页面向下滚动，当此工具条接触到浏览器的上边缘时，这时就会独立出来固定在顶部，不跟随页面滚动而滚动了，如下图： 类似的例子效果我们在别的网站上都有看到过，例如腾讯微博首页上，当我们下拉屏幕浏览最新微博时，工具条也会出现这个效果，如下图： 这个效果看上去方便，贴心，也许还带推动广告的促销呢。原理其实很简单，本文展示两种方法。 二、智能浮动效果的实现原理 它分两种状态，一是默认状态，二是浮动固顶状态。 默认状态就是默认状态，什么也不用做，保持原有的CSS就好。无论有没有对它做定位，做了absolute也好，没做也好，都行。 关键是当浏览器屏幕滚动时，该对象div层要移除浏览器界面视区的时候，是要修改它的position属性，让它浮动在窗口的上沿显示就行了。最好的position属性是fixed，可以在IE6+和其他浏览器浮动层平滑的固定定位，由于IE6老大哥不支持fixed属性，所以可以另外赋予它absolute属性。当然也会产生副作用——滚动不平滑。不过也无所谓了，在微软公布不再修补更新XP漏洞，在中国360安全卫士的帮助下虽然大家仍然使用XP，但IE的用户已经是少之又少了。 那接下来，如何判断当前div层与浏览器窗口的上边缘接触了呢？遇到浏览器顶部了呢？ 当浮动层div与浏览器窗口上边缘接触的一瞬间，其页面垂直偏移值与页面的滚动高度是一致的，所以我们就用这个进行判断。那如何获得页面上元素距离页面的垂直距离呢？ 这里则是使用javaScript库实现。
实现div滚动条默认最底部以及默认最右边的示例代码
有个需求，要在显示聊天框时，固定框的大小为300px高度，宽度50px左右，然后当聊天内容超出宽度或者高度时会出现滚动条，并且垂直滚动条要默认最底部，以便显示最新消息，水平滚动条一般都是默认最左，这里列出默认最底部以及默认最右边的方法的代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>实现div滚动条默认最底部以及默认最右边</title> [removed][removed] <script type="text/javascr
实现网页内容水平或垂直滚动的Javascript代码
主要两个部分，一、是滚动内容部分；二、JS的滚动代码部分，也只有两句话。 一、传统的滚动代码 用Javascript实现新闻内容的水平滚动！ [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 传统的滚动代码应用效果比较单一，而且经常还存在浏览器的兼容性问题，比如在FIREFOX上效果就会出现marquee的特效无效的问题。 二、Javascript实现的滚动效果 用Javascript实现新闻内容的水平滚动1 //div标签中的宽度width等参数可以自行调节 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 以上就是完整的JS滚动代码，如果想实现垂直滚动
给DIV添加滚动条的实现代码
直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下： 复制代码代码如下:<div xss=removed>div> 如果要出现水平滚动条，则： overflow-x:auto同理，垂直滚动条为： overflow-y:auto如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative  例如： <HTML> <HEAD> <TITLE>测试表格内的滚动条</TITLE> </HEAD> <BODY>
web table + div + jquery 实现仿 excel 的冻结 首行 与 首列 完整Demo
实用 table + div + Jquery 实现，没有实用IE特有的expression(), 所以 兼容性 很好。 核心思想： 用JQuery的clone 复制 出 4张表， 分别放于 4 个 div 中来实现 水平 垂直 滚动， 首行 首列 冻结效果。
.NET社区

62,046

社区成员

669,049

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章