檢視歷史訊息的時候,需要將滾動條維持在正在檢視的訊息位置。 本方法是通過新增屬性data-msg獲取當前的位置,offset().top獲取滾動距離,demo如下:
html:
<div
class
="box"
>
<
div
class
="messagebox"
>
<
p>原資料1
p>
<
p>原資料2
p>
<
p>原資料3
p>
<
p data-msg
="1"
>原資料
p>
<
p>原資料2
p>
<
p>原資料3
p>
div>
<
p class
="edit"
> p
>
<
div
class
="sendbtns"
><
span
id="insertup"
>向上插入
span
>
<
span
id="insertdown"
>向下插入
span
>
div>
div>
css:
body,html,div,p.box
.messagebox
.messagebox p
.edit
.sendbtns
.sendbtns span
js:
$(document).ready(function());$('#insertdown').click(function());
function scroolbymsgid(messageboxdom,msgid);
})
jquery滾動條操作
在開發專案時,常常需要展示大量資料。如果全部顯示出來,資料相對少時,看不出來什麼不同,如果資料很多時,一次請求全部顯示,這就相當可怕了。面對這種問題,pc裡使用了分頁效果,將資料分成一頁頁,換頁時請求當前頁資料,而螢幕較小的移動端,分頁就不怎麼好看了,常用的方法是滾動到底部時繼續載入資料 滾動載入其...
jQuery操作滾動條
一 窗體滾動條 1 獲取窗體滾動條當前縱向和橫向位置 var currenty document.body scrolltop 窗體滾動條縱向位置 var currentx document.body scrollleft 窗體滾動條橫向位置 2 設定窗體滾動條到指定位置 var y 想滾動到的垂直...
jquery 禁用 啟用滾動條
doctype html en btn div button value 禁用滾動條 onclick unscroll button value 啟用滾動條 onclick removeunscroll text div 文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本 文本...