<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gbk"><LINK
rev=stylesheet href="scroll/marketcenter.css" type=text/css
rel=stylesheet>
<META content="MSHTML 6.00.5730.13" name=GENERATOR></HEAD>
<BODY>
<DIV id=content>
<DIV class=l_case>
<DIV class=l_case_title></DIV>
<DIV id=roll style="POSITION: relative"><!--Scrollbar begin-->
<DIV id=Scrollbar-Container-1>
<DIV class=Scrollbar-Up></DIV>
<DIV class=Scrollbar-Down></DIV>
<DIV class=Scrollbar-Track>
<DIV class=Scrollbar-Handle></DIV></DIV></DIV><!--Scrollbar end--><!--Container begin-->
<DIV class=Container1>
<DIV id=Scroller-1>
<DIV class=Scroller-Container>
<DIV class=l_case_content>
<DL class=dl_l_case>
<DT><IMG src="scroll/succaseimg1.jpg">
<DD class=dd_case_title>111
<DD class=dd_case_custom>222
<DD
class=dd_case_content>44444444444
</DD></DL>
<DL class=dl_l_case>
<DT><IMG src="scroll/succaseimg2.jpg">
<DD class=dd_case_title>533
<DD class=dd_case_custom>3313
<DD
class=dd_case_content> 666
</DD></DL>
<DL class=dl_l_case>
<DT><IMG src="scroll/p4p_01.jpg">
<DD class=dd_case_title>网站开发代码http://www.corange.cn
<DD class=dd_case_custom>网站开发代码http://www.corange.cn
<DD class=dd_case_content>网站开发代码
ASP,PHP,JSP,JS,ASP.NET,DIV,CSS等网站建设相关技术
[本站绝大多数代码由corange.cn亲自测试]
</DD></DL>
<DL class=dl_l_case>
<DT><IMG src="scroll/p4p_02.jpg">
<DD class=dd_case_title>网站开发代码http://www.corange.cn
<DD class=dd_case_custom>ASP,PHP,JSP,JS,ASP.NET,DIV,CSS等网站建设相关技术
<DD
class=dd_case_content>网站开发代码http://www.corange.cn/
<a href="http://www.corange.cn/">ASP,PHP,JSP,JS,ASP.NET,DIV,CSS等网站建设相关技术
[本站绝大多数代码由corange.cn亲自测试]</a>
</DD></DL></DIV></DIV></DIV></DIV><!--Container end--></DIV></DIV></DIV>
<SCRIPT src="scroll/scroll.js" type=text/javascript></SCRIPT>
</BODY></HTML>
js和css文件，还有用到的图片
http://www.corange.cn//uploadfiles/scroll_16308.rar
原文地址:http://www.corange.cn/archives/2009/10/3482.html
相关推荐
总之，通过JavaScript模拟滚动条，我们可以实现跨浏览器的个性化滚动体验，同时结合CSS3的样式定制，可以创造出符合网站设计风格的独特滚动条，提升用户体验。不过，需要注意的是，过度复杂的滚动条可能会影响页面...
总的来说，使用JavaScript模拟滚动条涉及到HTML布局、CSS样式和JavaScript事件处理等多个方面。虽然实现起来相对复杂，但能够带来更好的设计灵活性和用户体验。在实际项目中，可以参考现有的库，如Perfect Scrollbar...
为了模拟滚动条，我们创建了一个名为`#content`的div，其高度设置为1000px，它包含着所有章节内容，由于其父元素的高度限制，内容会超出可视区域，从而需要滚动查看。 滚动条的样式通过`.scrollDiv`类定义，这是一...
JavaScript模拟滚动条是通过监听滚动事件、计算元素的可视区域与总内容的关系，然后手动更新和控制一个自定义滚动条的样式和位置。这通常涉及到CSS定位（positioning）和尺寸计算（dimensions calculation）。 2. ...
它监听了鼠标滚轮事件，并根据滚动事件来改变`div`内容的位置，模拟出滚动条的效果。这种方法的关键在于正确计算滚动距离，确保内容在视觉上平滑移动，同时保持与实际滚动条操作一致的用户体验。 以下是一些关键...
这是由于IE浏览器的一个已知问题，它对模拟滚动条的最小宽度有一定的限制。在某些版本的IE中，滚动条需要至少17像素的宽度才能正常工作。在示例中，17像素宽的`div`可能没有足够的空间来显示并操作滚动条，导致滚动...
### 让div滚动条初始化到最低位置的三种方法 在前端开发中，有时我们需要实现一个功能，即在向某个特定的`div`容器内添加新内容后，使该`div`的滚动条自动滚动到最底部，以确保新添加的内容能够立即呈现在用户的...
3. Nicescroll：提供模拟滚动条，可以替换默认的浏览器滚动条，支持自定义颜色和动画效果。 4. malihu custom scrollbars：提供了大量的选项和设置，可以创建高度定制的滚动条，包括鼠标滚轮和触摸设备的支持。 三...
- 对于滚动表体的div，设置`overflow-y: auto`以启用垂直滚动条。 - 使用`z-index`属性确保表头div位于表体div之上，以便在滚动时仍然可见。 3. **列宽同步**：为了保持表头和表体的列宽一致，可以监听窗口的`...
创建覆盖在`textarea`上的透明div，监听滚动事件，手动调整div的位置以模拟滚动条效果。这种方法较复杂，需要考虑更多的边界情况和性能优化。 4. **浏览器检测与条件样式** 可以使用JavaScript检测浏览器类型，...
"JS模仿横向滚动条"这个主题，就是利用JavaScript来创建一个自定义的、模仿原生浏览器滚动条的行为，以提供更美观或者更符合设计需求的用户体验。 在传统的HTML页面中，滚动条是浏览器默认提供的，其样式和行为由...
总的来说，实现"div不随滚动条的滚动而动"的关键在于使用JavaScript（在这里可能是jQuery）来模拟`fixed`定位，尤其是在不支持此属性的老版浏览器中。通过深入理解`position`属性、滚动事件监听和JavaScript的动态...
"ttScrollBar.js"可能的工作原理是监听滚动事件，然后用CSS类或绝对定位来模拟滚动条。它可能提供了一系列API，允许开发者设置滚动条的颜色、宽度、滑块的形状等。通过调用这些API，可以轻松地改变滚动条的外观，使...
《jQuery+mousescroll.js自定义美化div滚动条插件详解》 在Web开发中，滚动条虽然看似不起眼，但其设计与交互往往能够显著影响用户体验。传统的浏览器默认滚动条样式单调，不符合现代网页设计的审美需求。jQuery库...
2. **监听外部滚动条事件**：为外部的滚动容器（如div）添加滚动事件监听器，当外部滚动条移动时触发相应函数。 3. **同步iframe内部滚动位置**：在事件处理函数中，根据外部滚动条的位置，使用JavaScript设置...
在多测师平台中，可以使用JavaScript代码来控制div内嵌滚动条。使用a.scrollTop属性可以控制垂直滚动条的位置，其中a代表定位到的div元素。将a.scrollTop设置为div元素的scrollHeight，即可滚动到div的最底部。而...
使用 JavaScript 实现自定义浏览器滚动条的思路是模拟浏览器自身的滚动条。我们可以将整个文档放在一个容器里面，然后通过转变容器里面的 div 的 top 值来实现滚动效果。 例如，我们可以使用以下 HTML 结构： ``` ...
为了解决这些问题，开发者们常常选择使用CSS和JavaScript来模拟表格（Div Table）以实现更丰富的功能。本主题"Div仿制table送自定义Scrollbar支持排序"正是探讨这种技术的应用。 首先，Div仿制table是通过CSS布局...
2. 设置定时器：使用`setInterval`函数每隔一定时间改变DIV的位置，模拟滚动。 3. 动态修改样式：使用`style`属性更改元素的`top`或`transform`值，实现位置变化。 4. 避免出界：当元素到达顶部时，需要将其位置重置...