记录浏览器滚动条位置

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()

你可能感兴趣的:(web前端)