頁面滾動文字位置不變
來源:易賢網(wǎng) 閱讀:1201 次 日期:2014-08-26 11:25:01
溫馨提示:易賢網(wǎng)小編為您整理了“頁面滾動文字位置不變”,方便廣大網(wǎng)友查閱!

頁面滾動文字位置不變特效,采用jquery寫的,很簡單。

jquery 代碼

<script language="javascript" src="jquery-1.7.1.min.js"></script>

<script language="javascript">

$(function(){

$(window).scroll(function(){

var b=$(window).scrollTop();

if(b>0){

var t= b+$(window).height()-100;

$("#go_top").offset({ top: t, left: 30 }).show();

}else{$("#go_top").hide();}

});

});

</script>

頁面中的文字<div id="go_top" style="height:20px; width:40px; position:fixed; display:none;">返回頂部</div>

保存一下,當(dāng)頁面滾動大于1屏幕的時(shí)候開始顯示。

更多信息請查看IT技術(shù)專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機(jī)網(wǎng)站地址:頁面滾動文字位置不變
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)