这两天小码哥在做页面的时候,其中有一个效果是想让右侧的一个导航随着页面向下滚动而由原来的固定(position:absolute;)模式改为悬浮(position:fixed;)模式。我当时就想到了返回函数。可是依照自己的想法写了几个JS都没成功,我在想肯定是我用错了方法了。后来经过偶一再查..
分类:
Web程序 时间:
2015-03-18 18:39:11
阅读次数:
190
1. 用动态面板固定浏览器功能。 很简单方便。 但缺点是 当浏览器窗口大小小于页面时, 由于会强制居中,导致页面2边是在显示范围外并且是无法通过滚动条滚动的(滚动条是没有的)。2. 使用页面属性里的居中功能。 也非常方便。 但不能适用 浏览器窗口大小小于页面的情况。 会恢复成居左。 一般的页面用这种...
分类:
其他好文 时间:
2015-03-13 00:05:39
阅读次数:
1030
这个是很常见的一个任务了,基本是通过CSS去实现滚动条。 滚动条 设置是否显示滚动条主要是在CSS中设置下列的属性: 代码如下:overflow:visible|auto|hidden|scroll overflow-x:横向滚动条 overflow-y:纵向滚动条 参数的意义: visible: ...
分类:
其他好文 时间:
2015-03-05 16:40:42
阅读次数:
105
有时候我们的页面很大需要滚动只用滚动条滚动可以不太精确,这就需要用到Page Control,就像我们平时操作iphone一样,每一页都有一些APP,页面的个数是用小点标示的,每次一滑动就会切换页面,当前停留的页面的小点会被点亮。比如我们平时用的天气预报,每一页只能显示一个地方的天气,每次换页可以切换到其他城市。Page Control的属性不多,如下:
Pages中的两个数字标示有几页...
分类:
编程语言 时间:
2015-03-02 09:35:34
阅读次数:
165
jquery div随滚动条滚动效果
$(function () {
$(window).scroll(function () {
var top = $(window).scrollTop() + 200;
var left = $(window).scrollLeft()...
分类:
Web程序 时间:
2015-02-03 17:27:46
阅读次数:
116
$("html,body").animate({scrollTop:$("#qy_name").offset().top},1000);//1000是ms,也可以用slow代替jquery可以通过animate方法来实现动画。其用法:animate(params,[duration],[easing...
分类:
Web程序 时间:
2015-01-20 19:48:23
阅读次数:
113
DOM: window】.pageXOffset ?window.pageYOffset IE: document.body.scrollLeft ?document.body.scrollTop
分类:
其他好文 时间:
2014-12-29 13:53:56
阅读次数:
180
1 #topDIV { 2 position: fixed;3 top: 0;4 z-index: 10000;5 width: 100%;6 height: 35px;7 border-bottom: 1px solid #eee;8 bac...
分类:
其他好文 时间:
2014-12-27 17:26:47
阅读次数:
109