Dec
3
某天，当打开淘宝浏览些自己关注的东西时，发现了他的一个搜索工具栏一直都会浮动在最顶端，浏览器滚动条回归顶端的时候，这个搜索工具条回到原位置就不再动了。
忽然想起以前耍WP的某些JS牛人的博客中也见到过该效果，嘿嘿，原来这玩意用处还如此方便。
我今天也弄一个固定跟随效果看看：
首先引入JQ库（……）
再创建一个层，一个跟随移动的层。ID为Box好了。
然后写入：
拖动滚动条就会看见效果了。
忽然想起以前耍WP的某些JS牛人的博客中也见到过该效果，嘿嘿，原来这玩意用处还如此方便。
我今天也弄一个固定跟随效果看看：
首先引入JQ库（……）
再创建一个层，一个跟随移动的层。ID为Box好了。
然后写入：
$(function() {
var $form_comments = $("#Box"),
$window = $(window),
offset = $form_comments.offset(),
topPadding = 20;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$form_comments.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$form_comments.stop().animate({
marginTop: 0
});
}
});
});
var $form_comments = $("#Box"),
$window = $(window),
offset = $form_comments.offset(),
topPadding = 20;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$form_comments.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$form_comments.stop().animate({
marginTop: 0
});
}
});
});
拖动滚动条就会看见效果了。
手持设备操作系统下的JQ
强大的PIE.js让IE
