国产精品成人VA在线观看,亚洲日韩在线中文字幕综合,亚洲AV电影天堂男人的天堂,久久人人爽人人爽人人av东京热

News新聞

業(yè)界新聞動態(tài)、技術(shù)前沿
Who are we?

您的位置:首頁      網(wǎng)站知識      建立拖動控制條不動的浮動DIV,類似京東淘寶產(chǎn)品詳情描述

建立拖動控制條不動的浮動DIV,類似京東淘寶產(chǎn)品詳情描述

標(biāo)簽: 發(fā)布日期:2014-01-15 17:13:00 1625

首先,在網(wǎng)頁里設(shè)置DIV的ID和樣式

重要的有2個地方,1、設(shè)置ID值,2、設(shè)置

例如:<div id=”left_mu” style=”top: 81px; position: fixed;”>

其中設(shè)置position: fixed;是讓之拖動頁面的時候其位置固定不變,top值是相對頁面頂部的距離,此處根據(jù)需要設(shè)置。

 

頁面需要的JS支持

<script type=”text/javascript”>
var obj11 = document.getElementById(“left_mu”);   //此處的跟上面DIV的ID值對應(yīng)
var top11 = getTop(obj11);
var isIE6 = /msie 6/i.test(navigator.userAgent);
window.onscroll = function(){

var bodyScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if (bodyScrollTop > top11){
obj11.style.position = (isIE6) ? “absolute” : “fixed”;
obj11.style.top = (isIE6) ? bodyScrollTop + “px” : “81px”;  //此處跟上面DIV設(shè)置的距離頁面底部浮動距離一致,作用是當(dāng)頁面未到達(dá)81PX的時候position: fixed無效,當(dāng)超過81PX的時候生效
} else {
obj11.style.position = “static”;
}
}

</script>