指定元素始终显示在页面顶端的js特效
浏览数：65 /
时间：2015年06月09日
实现如图效果，页面下滑时，搜索框一直显示在页面顶端。
引入jquery之后：
$(function () {
var ie6 = document.all;
var dv = $(‘#gdsearch‘), st;
dv.attr(‘otop‘, dv.offset().top); //存储原来的距离顶部的距离
$(window).scroll(function () {
st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
if (st > parseInt(dv.attr(‘otop‘))) {
if (ie6) {//IE6不支持fixed属性，所以只能靠设置position为absolute和top实现此效果
dv.css({ ‘position‘: ‘absolute‘, ‘top‘: st,‘left‘:6, ‘width‘:1012 });
$(‘#gdtd‘).css({‘width‘:1012});
} else if (dv.css(‘position‘) != ‘fixed‘){
dv.css({ ‘position‘: ‘fixed‘, top: 0 });
}
} else if (dv.css(‘position‘) != ‘static‘){
dv.css({ ‘position‘: ‘static‘,‘top‘:0,‘left‘:6,‘width‘:1012 });
$(‘#gdtd‘).css({‘width‘:1012});
}
});
});
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
