jq找到指定的父元素 如何通過(guò)JQuery將DIV的滾動(dòng)條滾動(dòng)到指定的位置?
如何通過(guò)JQuery將DIV的滾動(dòng)條滾動(dòng)到指定的位置?$(“#divuuid”)。動(dòng)畫({scrolltop:100},300)以上代碼可以實(shí)現(xiàn),scrolltop表示向下滾動(dòng)多遠(yuǎn),300表示滾動(dòng)動(dòng)畫
如何通過(guò)JQuery將DIV的滾動(dòng)條滾動(dòng)到指定的位置?
$(“#divuuid”)。動(dòng)畫({scrolltop:100},300)以上代碼可以實(shí)現(xiàn),scrolltop表示向下滾動(dòng)多遠(yuǎn),300表示滾動(dòng)動(dòng)畫時(shí)間,單位:MS
代碼不寫,其思想是在瀏覽器滾動(dòng)到某個(gè)位置時(shí)改變?cè)氐奈恢脤傩?。例如,?dāng)瀏覽器的scrolltop> 500時(shí),它會(huì)更改元素的值位置:如果(scrollTop> 500){el.樣式位置=“固定”}否則{el.樣式位置=“Static”}這500只是一個(gè)隨機(jī)數(shù),由您自己指定,通常由程序獲取。假設(shè)頁(yè)面有一個(gè)引用元素,當(dāng)瀏覽器滾動(dòng)位置超過(guò)引用元素位置時(shí),頭部將固定。它通常被使用元素偏移獲取
代碼:·$(function(){·//獲取要定位的元素與瀏覽器頂部的距離?!ar navh=$(“)。導(dǎo)航“)。偏移()。頂部·//滾動(dòng)條事件·$(窗口)。Scroll(function(){·//獲取滾動(dòng)條的滑動(dòng)距離?!ar scroh=$(這個(gè))。Scrolltop()·//如果滾動(dòng)條的滑動(dòng)距離大于或等于定位元素與瀏覽器頂部之間的距離,則滾動(dòng)條將固定,否則滾動(dòng)條將不固定。如果(scroh>=navh){·$(”。導(dǎo)航“)。CSS({position“:”fixed“,”top“:0})·}else if(scroh<navh){·$(”)。導(dǎo)航“)。CSS({position“:”static“})·}············)