彈窗滾動(dòng)scrolltop,scroll();方法-創(chuàng)新互聯(lián)


<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.jb51.net/" />

<link rel="stylesheet" />

<link rel="stylesheet" />

<script type="text/javascript" src="http://pscript1.4008000000.com/app_js/paui/1.0.1/build/pa.ui.min.js"></script>

<style>

.J_opacityBg {

background: #000;

opacity: 0.6;

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

filter: alpha(opacity=60);

width: 100%;

height: 100%;

position: absolute;

left: 0;

top: 0;

z-index: 999;

}

.intro-box-module{width: 760px; height: 568px; margin-left: -380px; margin-top: -284px; position: fixed; left: 50%; top: 50%; z-index: 1000;}

.intro-box-module .title-close{border-top-left-radius: 3px; border-top-right-radius: 3px; background-color: #ff6634; height: 40px; position: relative;}

.intro-box-module #J_introcloseBtn{width: 18px; height: 18px; background: url("intro_bg_icons.png") 0 -85px no-repeat; position: absolute; top: 11px; right: 16px;}

.intro-box-module .intro-cont-box{border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid #b5b5b5; border-top: 0; background-color: #fff; position: relative}

.intro-box-module .intro-tab{min-height: 60px; line-height: 60px; padding-left: 30px;}

.intro-box-module .intro-tab a{float: left; display: inline-block; margin-right: 5px; font-family: "宋體"; font-size: 14px;}

.intro-box-module .intro-tab a:hover{color: #ff6634; text-decoration: none;}

.intro-box-module .intro-tab a.curr{color:#ff6634; font-weight: bold; }

.intro-box-module .intro-tab span.txt{}

.intro-box-module .intro-content{border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; height: 380px; background-color: #f3f3f3; padding-top: 19px; padding-left: 30px;overflow-y: scroll;}

.intro-box-module .notice-section{width: 308px; height: 75px; background:url("intro_bg_icons.png") 0 0 no-repeat; position: absolute; top: 48px; right: 20px;}

.intro-box-module .notice-section p{width: 225px; padding: 14px 0 0 24px; line-height: 22px; font-size: 12px; color: #333333;}

.intro-box-module .notice-section p strong{ color: #ff0000; font-size: 16px;}

.intro-box-module .intro-content-item{}

.intro-box-module .intro-content-item h3{border-left: 6px solid #ff6633; height: 23px; line-height: 23px; color: #404040; font-size: 18px; padding-left: 16px;}

.intro-box-module .show{display: block;}

.intro-box-module .intro-content-txt{padding-top: 22px; font-family: "宋體"; font-size: 14px;}

.intro-box-module .intro-content-txt p{line-height: 24px;}

.intro-box-module .submit-btn-section{padding: 25px 0 22px 0; text-align: center;}

.intro-box-module .submit-btn-section a{display: inline-block; width: 160px; height: 40px; line-height: 40px; border-radius: 3px; font-size: 18px; text-align: center; color: #fff;}

.intro-box-module .submit-btn-section .submit-btn-off{background-color: #9f9f9f;}

.intro-box-module .submit-btn-section .submit-btn-on{background-color: #ff6633;}

</style>

<title>彈窗</title>





</head>

<body>

<div id="J_introBox" class="intro-box-module">

<div class="title-close"><a id="J_introcloseBtn" href="javascript:void(0);" title="關(guān)閉" otitle="關(guān)閉-免責(zé)事項(xiàng)說明" otype="button"></a></div>

<div class="intro-cont-box">

<div id="J_introTabNav" class="intro-tab">

<a class="curr" href="#introCont1" title="免責(zé)事項(xiàng)說明" otitle="免責(zé)事項(xiàng)說明" otype="button">《免責(zé)事項(xiàng)說明》</a><a href="#introCont2" title="保險(xiǎn)條款" otitle="保險(xiǎn)條款" otype="button">《保險(xiǎn)條款》</a><a href="#introCont3">《特別約定》</a><a href="#introCont4" title="投保聲明" otitle="投保聲明" otype="button">《投保聲明》</a><a href="#introCont5" title="浮動(dòng)告知" otitle="浮動(dòng)告知" otype="button">《浮動(dòng)告知》</a><span class="txt f14">說明</span>

</div>

<div class="notice-section">

<p>為保障您的權(quán)益，<strong>請(qǐng)下拉滾動(dòng)條完成</strong><br />全部條款閱讀，特別是免責(zé)事項(xiàng)說明— —</p>

</div>

<div id="J_introCon" class="intro-content">

<div id="introCont1" class="intro-content-item">

<h3>免責(zé)事項(xiàng)說明</h3>

<div class="intro-content-txt">

<p>總則</p>

<p>第一條 本保險(xiǎn)合同由保險(xiǎn)條款、投保單、保險(xiǎn)單、批單及其他特別約定組成。凡涉及本保險(xiǎn)合同的約定，均應(yīng)采用書面形式。</p>

<p>第二條 本保險(xiǎn)條款分為基本險(xiǎn)、通用條款、附加險(xiǎn)和釋義四個(gè)部分。附加險(xiǎn)不能獨(dú)立保險(xiǎn)，保險(xiǎn)人按照承保險(xiǎn)別分別承擔(dān)保險(xiǎn)責(zé)任。附加險(xiǎn)條款與基本險(xiǎn)條款相抵觸之處，以附加險(xiǎn)條款為準(zhǔn)，未盡之處，以基本險(xiǎn)條款為準(zhǔn)。</p>

<p>除非本保險(xiǎn)條款另有規(guī)定，通用條款的規(guī)定及釋義適用于本保險(xiǎn)條款的任何部分。</p>

<p>第三條 本保險(xiǎn)條款所稱機(jī)動(dòng)車是指在×××境內(nèi)（不含港、澳、臺(tái)地區(qū)）以動(dòng)力裝置驅(qū)動(dòng)或者牽引，上道路行駛的供人員乘用或者用于運(yùn)送物品以及進(jìn)行工程專項(xiàng)作業(yè)的輪式車輛或履帶式車輛，但不包括摩托車和拖拉機(jī)。</p>

<p>第四條 本保險(xiǎn)合同為不定值保險(xiǎn)合同。</p>

<p>第五條 本保險(xiǎn)僅適用于非營運(yùn)個(gè)人車輛。</p>

<p>第一部分 基本險(xiǎn)</p>

<p>基本險(xiǎn)包括商業(yè)第三者責(zé)任保險(xiǎn)、車輛損失險(xiǎn)、全車盜搶險(xiǎn)、車上人員責(zé)任險(xiǎn)共四個(gè)獨(dú)立的險(xiǎn)種，投保人可以選擇投保其中部分險(xiǎn)種，也可以選擇投保全部險(xiǎn)種。</p>

<p>第一章 商業(yè)第三者責(zé)任保險(xiǎn)</p>

</div>



</div>

<div id="introCont2" class="intro-content-item">

<h3>保險(xiǎn)條款</h3>

<div class="intro-content-txt">

<p>總則</p>

<div style="height: 300px;"></div>



</div>

</div>

<div id="introCont3" class="intro-content-item">

<h3>特別約定</h3>

<div class="intro-content-txt">

<p>總則</p>

<div style="height: 300px;"></div>



</div>

</div>

<div id="introCont4" class="intro-content-item">

<h3>投保聲明</h3>

<div class="intro-content-txt">

<p>總則</p>

<div style="height: 300px;"></div>



</div>

</div>

<div id="introCont5" class="intro-content-item">

<h3>浮動(dòng)告知</h3>

<div class="intro-content-txt">

<p>總則</p>

<div style="height: 300px;"></div>



</div>

</div>

</div>

<div class="submit-btn-section"><a id="J_subBtn" class="submit-btn-off" href="javascript:void(0);">同意并確定</a></div>

</div>

</div>



<div class="J_opacityBg"></div>

<script type="text/javascript">

//

(function(){

//關(guān)閉彈窗

$("#J_introcloseBtn").click(function(){

$("#J_introBox, .J_opacityBg").hide();

});

//TAB

$("#J_introTabNav a").click(function(){

var index = $(this).index();

$(this).addClass("curr").siblings().removeClass("curr");

//$("#J_introCon .intro-content-item").eq(index).show().siblings(".intro-content-item").hide();

});

//

var intrScrollH = parseInt($("#J_introCon").scrollTop());

$("#J_subBtn").click(function(){

if(intrScrollH < 800){

$(".notice-section").css("top",410 + "px");

}

});

$("#J_introCon").scroll(function(){

var intrScrollH2 = parseInt($("#J_introCon").scrollTop());

if(intrScrollH2 > 800){

$("#J_subBtn").addClass("submit-btn-on");

$(".notice-section").hide();

$("#J_subBtn").attr({"href":"http://www.4008000000.com/", "target":"_blank"})

}

});



})()

</script>

</body>

</html>

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動(dòng)態(tài)BGP最優(yōu)骨干路由自動(dòng)選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機(jī)房獨(dú)有T級(jí)流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進(jìn)行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動(dòng)現(xiàn)已開啟，新人活動(dòng)云服務(wù)器買多久送多久。

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供臨潁網(wǎng)站建設(shè)、臨潁做網(wǎng)站、臨潁網(wǎng)站設(shè)計(jì)、臨潁網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、臨潁企業(yè)網(wǎng)站模板建站服務(wù)，10年臨潁做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

分享名稱：彈窗滾動(dòng)scrolltop,scroll();方法-創(chuàng)新互聯(lián)
網(wǎng)站鏈接：http://muchs.cn/article46/dshhhg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站策劃、定制開發(fā)、網(wǎng)站導(dǎo)航、網(wǎng)站制作、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司