1,使用瞄定位,href="#guo",指向name或者id為guo的元素,使用name定位只對a標籤有用
2,用原生js方法,name.id.class
document.getelementbyid ("guo"). scrollintoview()
document.getelementsbyname ("guo")[0]. scrollintoview()
3,js定位
document.getelementbyid ("message"). scrolltop document.getelementbyid ("message"). scrollleft
document.getelementbyid ("message"). offsettop
4,jquery定位,position與offset
offfset是相對定位,相對於頁面視窗;position是相對於不是預設static定位的父元素而言的
取位置座標$("#guo").offset().top;$("#guo").offset().left;
$("#guo").position().top;
然後定位$("html,body").scrolltop($("#guo").offset().top );
$("html,body").scrollleft($("#guo").offset().left );
5,當前視窗(滾動條)的位置
body.scrolltop body也行
document.body.scrolltop document.body.scrollleft
document.body.scrolltop
$(window).scrolltop() $(window).scrollleft()
ie下document.documentelement.scrolltop document.documentelement.scrollleft
$("html,body").scrolltop()
瀏覽器滾動條
做 時發現登入成功後瀏覽器滾動條消失無法滾動頁面 通過觀察和除錯,發現是強制隱藏了bootstrap的模態框後,body的overflow變為了hidden,同時也多了乙個17px的右內邊距,無法呼叫出垂直滾動條,解決方案 隱藏模態框的同時設定body的overflow為scroll,同時取消右內邊...
iframe滾動條充當瀏覽器滾動條
在做部落格專案的時候,使用了iframe,方便根據選擇的文章類別切換顯示的內容,但是文章一般都有很多,通過bootstrap的 列表的方式顯示的話,iframe是一定會出現滾動條的,特別是我新增了乙個 滾動條觸底之後動態載入更多的文章 的功能。這樣頁面上就會有兩個滾動條,特別奇怪。在網上學習了一些之...
瀏覽器滾動條相關
先去mdn 檢視這兩個概念 scrollheight 以及 clientheight 1,判斷是否存在滾動條 if element.scrollheight element.clientheight 0 2,判斷乙個容器滾動條,沒有在最上面,怎麼判斷 if element.scrolltop 0 3...