function setModelPostion(){
//获取window对象
var $window = $(window);
//获取浏览器滚动条所在位置距离最上方的距离
var window_top = $window.scrollTop();
//设置一个你想要距离浏览器上方的值
var header_top = 35;
//设置定位
$("#outCarousel").css({"position":"absolute","top":window_top+header_top});
//绑定事件,每次浏览器条滚动,则跟着改变位置
$(function(){
$window.scroll(function() {
var window_top = $window.scrollTop();
var header_top = 35;
$("#outCarousel").css({"position":"absolute","top":window_top+header_top});
});
});
}
随着浏览器滚动,页面组件跟着滚动的效果
原创经典鸡翅 ©著作权
文章标签 javaScript 浏览器滚动 文章分类 JavaScript 前端开发
上一篇:杂记
-
JQuery鼠标跟随效果
#float { position: absolute; width: 100px; height: 50px; border: solid 1px; } 鼠标跟随效果
jquery function xhtml server border -
Jquery弹出框以及跟随页面滚动
http://blog.163.com/serena_lxj/blog/static/12382348020112714951735/页面效果图:
ico css jquery javascript 页面效果 -
hive的伪分布安装与配置
编译安装 Hive如果需要直接安装 Hive,可以跳过编译步骤,从 Hive 的官网下载编译好的安装包,下载地址为http://hive.apache.org/downloads.html。Hive的环境配置需要MySQL的支持,所以首先需要安装MySQL,没有安装MySQL的先看上一篇:安装MySQL C.1 编译HiveC.1.1 下载 Hive 源代码包在 Hive
hive的伪分布安装与配置 完全分布式安装配置Hive 安装配置Hive Hive Hive下载配置安装