相關(guān)關(guān)鍵詞
關(guān)于我們
最新文章
- ThinkPHP 5.1、6.0、6.1 與 8.0 版本對(duì)比分析
- 涉嫌侵權(quán)的人只復(fù)制了版權(quán)軟件,沒(méi)有傳播給其他人,是否符合復(fù)制侵權(quán)的判定?
- 網(wǎng)站域名備案到企業(yè)名下后,即表明是商業(yè)使用了嗎?
- 軟件中使用了GPL & MIT 協(xié)議的文件 和 使用了 GPL | MIT 的有什么區(qū)別?
- 網(wǎng)站版權(quán)糾紛中的來(lái)源非法是否有嚴(yán)格的司法定義?
- [確定有效] ECSHOP后臺(tái)登錄不了的問(wèn)題解決 https打不開(kāi)
- 免費(fèi)搜索代碼:如何利用百度做一個(gè)企業(yè)網(wǎng)站內(nèi)搜索?
- MySQL 中 HAVING 與 REPLACE 的用法解析
- 深入理解 MySQL 的連接操作:-h、-P、-u、-p 詳解
- 在 MySQL Workbench 中自定義導(dǎo)出文件格式的解決方案
建立拖動(dòng)控制條不動(dòng)的浮動(dòng)DIV,類(lèi)似京東淘寶產(chǎn)品詳情描述
首先,在網(wǎng)頁(yè)里設(shè)置DIV的ID和樣式
重要的有2個(gè)地方,1、設(shè)置ID值,2、設(shè)置
例如:<div id=”left_mu” style=”top: 81px; position: fixed;”>
其中設(shè)置position: fixed;是讓之拖動(dòng)頁(yè)面的時(shí)候其位置固定不變,top值是相對(duì)頁(yè)面頂部的距離,此處根據(jù)需要設(shè)置。
頁(yè)面需要的JS支持
<script type=”text/javascript”>
var obj11 = document.getElementById(“left_mu”); //此處的跟上面DIV的ID值對(duì)應(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è)置的距離頁(yè)面底部浮動(dòng)距離一致,作用是當(dāng)頁(yè)面未到達(dá)81PX的時(shí)候position: fixed無(wú)效,當(dāng)超過(guò)81PX的時(shí)候生效
} else {
obj11.style.position = “static”;
}
}
</script>
相關(guān)文章
- win7 64位 IIS7 IIS7.5 無(wú)法連接Access數(shù)據(jù)庫(kù)的問(wèn)題解決
- 基于jQuery的上下無(wú)縫滾動(dòng)應(yīng)用(單行或多行)
- htaccess轉(zhuǎn)換httpd.ini方法及案例參考
- 網(wǎng)站偽靜態(tài)的優(yōu)缺點(diǎn)
- 高質(zhì)量的外部鏈接從何而來(lái)?
- SEO不能忽視外鏈建設(shè),更加要注重內(nèi)鏈建設(shè)
- 如何挑選合適的虛擬主機(jī)
- 網(wǎng)站建設(shè)的五個(gè)誤區(qū)
- php header 404跳轉(zhuǎn)錯(cuò)誤頁(yè)面的寫(xiě)法
- 網(wǎng)頁(yè)嵌入百度地圖實(shí)例