点击图片查看原图
//非动画效果
//mainContainer.scrollTop(
// scrollToContainer.offset().top – mainContainer.offset().top + mainContainer.scrollTop()
//);
//动画效果
mainContainer.animate({
scrollTop: scrollToContainer.offset().top – mainContainer.offset().top + mainContainer.scrollTop()
}, 2000);//2秒滑动到指定位置
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
1
2
3
手表，现如今已经成为许多人喜爱的计时工具，手表的功能已经不局限于普通的计时功能了。现如今，很多人佩戴腕表，是为了给自己的身上增添一点装饰，就如同佩戴戒指手镯一样，佩戴腕表也是很好的装饰。另一方面，佩戴一块名牌腕表，不仅象征着地位和身份，也象征着财富和权力，所以人们都喜欢给自己选择不同的腕表品牌，来彰显自己的实力和地位。另一方面，不同的手表风格造型，传递的是不同的价值观和不同的世界观，所以腕表自身有自己的个性和灵魂，我们自己与腕表有相同的个性和灵魂，才是最适合我们的腕表，我们在选择腕表的时候，需要进行认真选择和比对。 4
5
6
7
8
9
10
javascript中制作滚动代码的常用属性
1.网页可见区域宽： document.body.clientWidth;
网页可见区域高：
document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth (包括边线的宽);
网页可见区域高：
document.body.offsetHeight (包括边线的宽);
网页正文全文宽： document.body.scrollWidth;
网页正文全文高：
document.body.scrollHeight;
网页被卷去的高： document.body.scrollTop;
网页被卷去的左： document.body.scrollLeft;
网页正文部分上： window.screenTop;
网页正文部分左： window.screenLeft;
屏幕分辨率的高： window.screen.height;
屏幕分辨率的宽： window.screen.width;
屏幕可用工作区高度： window.screen.availHeight;
2.假设 obj 为某个 HTML 控件。
obj.offsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。
obj.offsetLeft 指 obj 距离左方或上层控件的位置，整型，单位像素。
obj.offsetWidth 指 obj 控件自身的宽度，整型，单位像素。
obj.offsetHeight 指 obj 控件自身的高度，整型，单位像素。
我们对前面提到的“上方或上层”与“左方或上层”控件作个说明。
例如：
1
2
3
4
“提交”按钮的 offsetTop 指“提交”按钮距“tool”层上边框的距离，因为距其上边最近的是 “tool” 层的上边框。
“重置”按钮的 offsetTop 指“重置”按钮距“tool”层上边框的距离，因为距其上边最近的是 “tool” 层的上边框。
“提交”按钮的 offsetLeft 指“提交”按钮距“tool”层左边框的距离，因为距其左边最近的是 “tool” 层的左边框。
“重置”按钮的 offsetLeft 指“重置”按钮距“提交”按钮右边框的距离，因为距其左边最近的是“提交”按钮的右边框。
以上属性在 FireFox 中也有效。
3.offsetTop 与 style.top 的区别
预备知识：offsetTop、offsetLeft、offsetWidth、offsetHeight
我们知道 offsetTop 可以获得 HTML 元素距离上方或外层元素的位置，style.top 也是可以的，二者的区别是：
(1)offsetTop 返回的是数字，而 style.top 返回的是字符串，除了数字外还带有单位：px。
(2)offsetTop 只读，而 style.top 可读写。
(3)如果没有给 HTML 元素指定过 top 样式，则 style.top 返回的是空字符串。
offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 也是同样道理。
offsetWidth与style.width属性的区别在于：如对象的宽度设定值为百分比宽度,则无论页面变大还是变小,style.width都返回此百分比,而offsetWidth则返回在不同页面中对象的宽度值而不是百分比值
4.scrollLeft :
对象的最左边到对象在当前窗口显示的范围内的左边的距离.
即是在出现了横向滚动条的情况下，滚动条拉动的距离.
scrollTop
对象的最顶部到对象在当前窗口显示的范围内的顶边的距离.
即是在出现了纵向滚动条的情况下，滚动条拉动的距离.
灵敏度：手表的灵敏度是指它的摆轮自动起摆的灵活性。检查方法是：（1）将没有上过发条已经停止走动的手表轻轻地摇动一下，借助摇动的力量来观察秒针走动的情况：如果秒针在很短时间内就停止走动，则说明这只手表上足发条后能全部走完（即发条无力矩），灵敏度高；如果秒针长时间继续走动，则说明这只手表上足发条后不能全部走完（即发条还储存力矩），灵敏度不高或表机有故障。（2）将没有上过发条停止走动的手表，慢慢地转动把头，观察秒针起动情况：上条把的转动越少，秒针起动越早的说明该表的灵敏度越高；反之则灵敏度低或表机有其他故障。
