ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryでトップ表示を固定し自動で消えるページのプルを実装（Firefox）_ページ背景
jQueryでトップ表示を固定し自動で消えるページのプルを実装（Firefox）_ページ背景
- WBOYオリジナル
- 2016-05-16 17:45:26917ブラウズ
外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]<script>
$(function () {
$(".Xc_list_top").css("width",$(".Xc_list_main").width());
var resetRightPanelPostion = function () {
var msie6 = $.browser.msie && $.browser.version == '6.0' && $.browser.version < 7;
if ($.browser.safari) {
bodyelem = $("body");
} else {
bodyelem = $("html,body");
}
var bodyTop = bodyelem.scrollTop();
var top = $(".Xc_left").offset().top;
//var t = $("#public_footer").offset().top;
var t = $("#footerDestinationBox").offset().top;
//var bottom = $("#footerDestinationBox").offset().top;
for(var i = 0 ; i < $(".Xc_list .Xc_list_top").length ; i++){
if (bodyTop >= top && ((bodyTop + $(".Xc_left").outerHeight()) < t)) {
if (!msie6) {
if (bodyTop + $(".Xc_gg").outerHeight() >= t) {
$(".Xc_gg").removeClass('fixed').css({
"position": "absolute",
"top": t - $(".Xc_gg").outerHeight() + "px"
});
} else {
$(".Xc_gg").css({
"position": "fixed",
"top": 0
});
}
}
} else {
if (!msie6) {
$(".Xc_gg").css({
"position": "static"
});
}
}
if(bodyTop>$(".Xc_list").eq(i).offset().top){
$(".Xc_list_top").eq(i).css({position:"absolute",top:top-168});
}
if(bodyTop>$(".Xc_list").eq(i).offset().top){
$(".Xc_list_top").eq(i).css({position:"fixed",top:0});
}
if(bodyTop<=$(".Xc_list").eq(i).offset().top){
$(".Xc_list_top").eq(i).css({position:"static",top:0});
}
}
};
window.onload = function () {
if ($(".Xc_gg").length) {
resetRightPanelPostion();
$(window).scroll(function () {
resetRightPanelPostion();
});
}
}
})
</script>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。