相關(guān)關(guān)鍵詞
關(guān)于我們
最新文章
- ThinkPHP 5.1、6.0、6.1 與 8.0 版本對比分析
- 涉嫌侵權(quán)的人只復(fù)制了版權(quán)軟件,沒有傳播給其他人,是否符合復(fù)制侵權(quán)的判定?
- 網(wǎng)站域名備案到企業(yè)名下后,即表明是商業(yè)使用了嗎?
- 軟件中使用了GPL & MIT 協(xié)議的文件 和 使用了 GPL | MIT 的有什么區(qū)別?
- 網(wǎng)站版權(quán)糾紛中的來源非法是否有嚴(yán)格的司法定義?
- [確定有效] ECSHOP后臺登錄不了的問題解決 https打不開
- 免費(fèi)搜索代碼:如何利用百度做一個企業(yè)網(wǎng)站內(nèi)搜索?
- MySQL 中 HAVING 與 REPLACE 的用法解析
- 深入理解 MySQL 的連接操作:-h、-P、-u、-p 詳解
- 在 MySQL Workbench 中自定義導(dǎo)出文件格式的解決方案
建立拖動控制條不動的浮動DIV,類似京東淘寶產(chǎn)品詳情描述
首先,在網(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>