DIV內滾動條滾動到指定位置
相對瀏覽器,將指定div滾到到指定位置,其用法如下:
$("html,body").animate({scrollTop: $(obj).offset().top},speed);
ps:obj是需要定位的對象,speed是滾動的速度
然而如果需要相對某一個容器(稱之div1),將其內部的div2滾動到相對div1的指定位置,用法如下:
$("div1").animate({scrollTop: $("div2").position().top},speed);
其中div1是需要具有相對位置(position:relative或者position:absolute)
position()與offset()的區別:
position()是相對具有相對位置(position:relative或者position:absolute)的父級元素的距離,如找不到這樣的元素,則返回相對於瀏覽器的距離,
offset()是始終返回相對於瀏覽器的距離。
DIV內滾動條滾動到指定位置
相關推薦
DIV內滾動條滾動到指定位置
relative posit 對象 animate nim str speed style 如果 相對瀏覽器,將指定div滾到到指定位置,其用法如下: $("html,body").animate({scrollTop: $(obj).offset().top},spee
Div 滾動條滾動到指定的位置
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
滾動條滾動到指定位置
eight nbsp fun scrollto pre canvas 位置 var 滾動條 function scrollToCenter(){ var div = $("#canvas-wrap"); var top = (div[0].sc
如何在DIV內只要垂直滾動條,不要水平滾動條
<DIV style="OVERFLOW-Y: scroll; OVERFLOW-X:hidden; width: 685px; height: 180px"><DIV> 說明: overflow-y: scroll - 有垂直滾動條
js實現隨滾動條滾動div位置動態變化
js實現隨滾動條滾動,div位置動態變化,使div不會因為滾動條的下滑而導致div被上部邊界覆蓋。 本例比較簡單,就不做過多解釋了。 注:不是完整程式碼,不能直接複製執行! js: $(function(){window.onscroll=function(){var to
Vue系列:滾動頁面到指定位置實現
bsp 指定 info 平滑滾動 nbsp llb src lint 系列 方法1:scrollTop 滾動到某位置 方法2:scrollTo,scrollBy,scroll滾動到某位置 方法3:scrollIntoView() 實現滾動到具體某元素 需註
jquery 點選元素後,滾動條滾動至該元素位置
點選元素後,滾動條滾動至該元素位置: $('a.lead-link').bind('click', function(e) { e.preventDefault(); $('html,body').animate({ scrollTop: $(this.
解決dev GridControl 重新整理資料後,滾動條恢復原來位置
找了半天scroll,結果卻是TopRowIndex的事。 1、觸發GridView_TopRowChanged()事件 2、設定TopRowIndex int topIndex = -1; private void g
獲取滾動條當前的位置,當前可視範圍的高度,文件完整高度
(一)獲取滾動條當前的位置/** * 獲取滾動條當前的位置 */ function getScrollTop() { var scrollTop = 0; if (document.documentElement && document.documentElement.scrollTop)
jQuery滾動到頁面指定位置
在前端的頁面開發中,經常會碰到頁面跳轉問題,這個跳轉指的是頁面內部跳轉到指定位置,通常是在有滾動條的情況下,網上介紹的方法很多,本文主要是介紹jQuery函式中的一個小trick,.focus()函式。 先來看一下jQuer
jquery中點選某元素後滾動條滾動到某元素位置或底部
//首先獲取文件物件 var target; if(document.documentElement.scrollTop){ target=$("html"); }else{ target=$("body"); }//到某元素$("#nu").on("cli
顯示scrollview時對滾動條進行任意位置的定位
在android開發中很多時候會遇到一屏顯示不下所有內容的現象,那大家也知道這個時候肯定會想到用scrollview來進行滾屏顯示。 這個時候由於某些需求,會要求在最開始顯示scrollview的時候就定位到某一處,這篇博文就是來講這個的哈~ 首先,scrollView.s
ios 固定定位 input獲取焦點,ios 滾動條滾動 fixed固定定位失效,位置偏移
http://efe.baidu.com/blog/mobile-fixed-layout/還發現一個問題就是ios input設定readonly 還是能看到游標,然後解決方法是在行內寫了onfoc
CGridCtrl中調整滾動條到指定行(Row)
int nPos = (int)((float)(nRow-1) / GetRowCount() * 1000);//int nRow為要滾動到的那一行 float fPos = (float)nPos / 1000; SCROLLINFO scro
使用RecyclerView滾動到螢幕指定位置
背景: 需求中有一個詳情頁新增懸浮錨點條,要求滾動到不同的item,對應錨點高亮,點選錨點滾動到指定位置。實現及問題: 監聽滾動過程使錨點高亮並不難實現,問題在於點選錨點滾動到指定位置; 因為專案結構使用的listview,自然想到了listview.smo
JQuery插件:ScrollTo平滑滾動到頁面指定位置
img code jpg new nav box eight scroll on() 1、準備jQuery庫和scrollTo.js插件。 <script type="text/javascript" src="js/jquery.js"></scr
ios移動端原生滾動條滾動不靈敏問題
-c 滑動 頁面 webkit class lin 瀏覽器中 自帶 overflow 因為移動端瀏覽器的原生滾動條樣式很好,不像pc端那麽難看,所以在頁面需要滾動的地方用了原生的滾動條,這種滾動條在安卓瀏覽器中沒有任何問題, 但是在ios微信瀏覽器還是自帶瀏覽器中都會反應遲
js滾動條滾動到底部和頂部
var margin wid XML oct clas scrip scrolltop css <!DOCTYPE html> <html> <head> <title></title>
jquery監聽頁面滾動條滾動事件
$(document).scroll(function() { var scroH = $(document).scrollTop(); //滾動高度 var viewH = $
C# Panel滾動條滾動後,動態建立的控制元件下移的問題
C#做了一個從伺服器獲取資料的功能,動態建立控制元件顯示在Panel中,控制元件多的時候比Panel還高,滑動滾動條檢視中間資料,此時獲取到資料,,動態新增時,發現控制元件全部下移了,上面空出好大一部分空白。 除錯發現,即使控制元件的Location設定為new Point(0, 0);上面也空