<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="../jquery-1.8.3.js"></script>
<style>
*{
margin:0;
padding:0;
}
li{
list-style: none;
}
.content div{
height:800px;
background: red;
font-size:200px;
text-align: center;
}
.title{
width:300px;
position: fixed;
left:20px;
top:30%;
}
.title li{
height:50px;
line-height: 50px;
background: orange;
margin-top:1px;
}
</style>
</head>
<body>
<ul class="title">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<div class="content">
<div>1</div>
<div style="background:blue">2</div>
<div style="background:green">3</div>
<div style="background:pink">4</div>
</div>
</body>
<script>
function scrollTo(a,b){
$(a).children("li").click(function(){
var offset=$(b).children("div").eq($(this).index()).offset().top;
$("html,body").scrollTop(offset)
})
}
// scrollTo(".title",".content");
$.fn.extend({
scrollTo:function(b){
$(this).children("li").click(function(){
var offset=$(b).children("div").eq($(this).index()).offset().top;
$("html,body").scrollTop(offset)
});
$(window).scroll(function(){
})
return $(this);
}
})
$(".title").scrollTo(".content");
</script>
</html>
jquery插件廓啊,樓層
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門吠谢,熙熙樓的掌柜王于貴愁眉苦臉地迎上來土童,“玉大人,你說我怎么就攤上這事工坊∠缀梗” “怎么了?”我有些...
- 文/不壞的土叔 我叫張陵王污,是天一觀的道長罢吃。 經(jīng)常有香客問我,道長昭齐,這世上最難降的妖魔是什么尿招? 我笑而不...
- 正文 為了忘掉前任,我火速辦了婚禮阱驾,結(jié)果婚禮上就谜,老公的妹妹穿的比我還像新娘。我一直安慰自己里覆,他們只是感情好丧荐,可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著喧枷,像睡著了一般虹统。 火紅的嫁衣襯著肌膚如雪弓坞。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼呼奢,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了切平?” 一聲冷哼從身側(cè)響起握础,我...
- 正文 年R本政府宣布寂祥,位于F島的核電站荐虐,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏丸凭。R本人自食惡果不足惜福扬,卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望贮乳。 院中可真熱鬧,春花似錦恬惯、人聲如沸向拆。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽浓恳。三九已至刹缝,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間颈将,已是汗流浹背梢夯。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 1、安裝webpack和loader 為什么要安裝webpack? 因為我們要用到webpack的 expose-...
- title: 《鋒利的jQuery》十、jQuery插件的使用和寫法date: 2017-07-24 06:20:...
- 早幾年學(xué)習(xí)前端,大家都非常熱衷于研究jQuery源碼蝠猬。 我至今還記得當(dāng)初從jQuery源碼中學(xué)到一星半點應(yīng)用技巧的...
- 7.1 Introduction / 簡介 當(dāng)用戶試圖只用Javascript處理響應(yīng)式網(wǎng)頁的時候切蟋,會發(fā)現(xiàn)該過程異...
- $.fn用來給jQuery添加對象插件(對象方法) $.fn.方法名 = 方法函數(shù) 給jQuery添加一個新插件,...