今天很高興又學(xué)習(xí)到了一種效果,挺高興的密似,這些朋友不會(huì)做就來(lái)問(wèn)我焙矛,幫他們解決了,也等于是提高自己的水平残腌,也是見(jiàn)識(shí)在不同公司需要的特效以及樣式的個(gè)不相同村斟,常用到特效以及樣式,還有就是當(dāng)自己也沒(méi)有做過(guò)這種效果的時(shí)候抛猫,幫忙解決后的心情大寫(xiě)一個(gè)爽字蟆盹,又學(xué)到了一個(gè)新的知識(shí)。這就是幫助別人的同時(shí)闺金,也相當(dāng)是在提升自己逾滥。廢話不多說(shuō)了,下面就來(lái)說(shuō)一下今天學(xué)到的效果
有些公司想要在一個(gè)div中不停的刷新加入新的內(nèi)容败匹,這些新內(nèi)容又是在底部寨昙,為了人用戶更好的體驗(yàn),就想要求滾動(dòng)條在底部掀亩,這個(gè)時(shí)候我們就要考慮如何做出來(lái)這種效果舔哪。
1:給div命名-----------<div id="content">這里是放內(nèi)容</div>
2:在樣式中要-----------overflow: auto;這個(gè)是必須的,之后給相對(duì)的高度和寬度槽棍;
3:在script中添加<script src="jquery-1.8.2.min.js"></script>
4:在新的
? ? <script>
? ? ? ? ? $("#content").scrollTop($("#content")[0].scrollHeight);
//id命名.scrollTop() 方法返回或設(shè)置匹配元素的滾動(dòng)條的垂直位置
//在這個(gè)方法里面加入id.scrollHeight捉蚤,以獲取滾動(dòng)文字的實(shí)際高度,并定義滾動(dòng)條在底部
? ? </script>