開心每一天1111
2019-05-23 13:40:29
jQuery滾動(dòng)到元素我有這個(gè)input元素:<input type="text" class="textfield" value="" id="subject" name="subject">然后我有一些其他元素,如其他文本輸入,textareas等。當(dāng)用戶點(diǎn)擊它input時(shí)#subject,頁(yè)面應(yīng)滾動(dòng)到頁(yè)面的最后一個(gè)元素,并帶有漂亮的動(dòng)畫。它應(yīng)該是一個(gè)滾動(dòng)到底部而不是頂部。頁(yè)面的最后一項(xiàng)是一個(gè)submit按鈕,其中包含#submit:<input type="submit" class="submit" id="submit" name="submit" value="Ok, Done.">動(dòng)畫不應(yīng)該太快,應(yīng)該是流暢的。我正在運(yùn)行最新的jQuery版本。我更喜歡不安裝任何插件,但使用默認(rèn)的jQuery功能來(lái)實(shí)現(xiàn)這一點(diǎn)。
3 回答

慕桂英4014372
TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超13個(gè)贊
jQuery .scrollTo():View - Demo,API,Source
我寫了這個(gè)輕量級(jí)插件,使頁(yè)面/元素滾動(dòng)更容易。它可以靈活地傳遞目標(biāo)元素或指定值。也許這可能是jQuery下一次正式發(fā)布的一部分,你怎么看?
示例用法:
$('body').scrollTo('#target'); // Scroll screen to target element$('body').scrollTo(500); // Scroll screen 500 pixels down$('#scrollable').scrollTo(100); // Scroll individual element 100 pixels down
選項(xiàng):
scrollTarget:表示所需滾動(dòng)位置的元素,字符串或數(shù)字。
offsetTop:一個(gè)數(shù)字,用于定義滾動(dòng)目標(biāo)上方的附加間距。
duration:確定動(dòng)畫運(yùn)行時(shí)間的字符串或數(shù)字。
easing:一個(gè)字符串,指示要用于轉(zhuǎn)換的緩動(dòng)函數(shù)。
complete:動(dòng)畫完成后調(diào)用的函數(shù)。
添加回答
舉報(bào)
0/150
提交
取消