滚动条的实现原理和上一篇文章中的拖拽有很大关系,滑动条就是通过拖拽实现的,通过计算滑动条的拖拽区间来得出一个比例scale,这个就是咱们要用到的文字滚动距离了,
div3里别忘记添加文字
具体代码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose...
分类:
编程语言 时间:
2014-12-04 21:40:37
阅读次数:
253
居中的弹出框:demo设置框和背景的时候position用fixed;要设置居中的话要获取浏览器的宽高及框的数据后计算;考虑浏览器大小变化resize()和滚动条滚动scroll()的情况;
分类:
Web程序 时间:
2014-12-03 10:26:31
阅读次数:
153
--> 无标题 随滚动条滚动的居中div 复制多行 复制多行 复制多行 复制多行 复制多行 复制多行 复制多行 复制多行 复制多行 复制多行 复制多行 复制多...
分类:
其他好文 时间:
2014-11-29 17:17:05
阅读次数:
200
ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮 动;以下总结方法,在ie6,ie7,ie8上都调试成功,且页面滚动条滚动时,效果还挺好,div层并不会闪烁。ie6对position:fixed不支持,网上...
分类:
其他好文 时间:
2014-11-14 12:27:30
阅读次数:
109
滚动条是一个伪元素,可以自定义样式。这个伪类可以将webkit自身的滚动条渲染关闭,只按照用户自定义的css信息进行渲染。/* 滚动条 */::-webkit-scrollbar{ height:7px; width:10px;} //宽度也可用百分比定义//滚动条里面的滑块::-webkit-sc...
分类:
其他好文 时间:
2014-11-05 19:36:35
阅读次数:
154
方法一:直接用position:fixed方法二:写一个滚动条滚动事件,让这个div设置 position:absolute 该top的距离等于滚动的距离scrollTop()写法如下:$(window).scroll(function(){ var tops = $(this).scr...
分类:
其他好文 时间:
2014-10-25 18:37:21
阅读次数:
200
题目: 获取滚动条滚动过的距离方案:var scrollTop = document.documentElement.scrollTop;不兼容浏览器: Chrome原因: Chrome不支持document.documentElement.scrollTob解决方案: var...
分类:
Web程序 时间:
2014-10-24 14:19:28
阅读次数:
176
当我们使用 xlib 版的Emacs时,可以通过 XResource 定义 Emacs 的菜单 栏、工具条、滚动条的外观。现在,在Linux上我们大多使用 gtk版的Emacs,是否还有办法定义 Emacs 的菜单栏、工具条等的外观?一种方法是,通过 ~/.gtkrc 定义全局的 Gtk Widge...
分类:
系统相关 时间:
2014-10-22 17:26:45
阅读次数:
440
var $goTop = $("#goTop"); //需要操作的对象$(window).scroll(function(){ var scrollHeight = $(window).scrollTop();//这个方法是当前滚动条滚动的距离 var height = $("body").h...
分类:
其他好文 时间:
2014-10-22 12:26:46
阅读次数:
179
现在有的网站页面内容过长时,用户将滚动条向下拉时,拉到一定程度,左右两侧的辅助模块就会固定在指定位置,不随滚动条滚动。这个的体验很好。
分类:
Web程序 时间:
2014-10-15 12:59:30
阅读次数:
419