【jquery scrollTop()与scrollLeft()】的更多相关文章

jquery scrollTop()与scrollLeft()

1.scrollLeft() scrollLeft() 方法设置或返回被选元素的水平滚动条位置. 提示:当滚动条位于最左侧时,位置是 0. 当用于返回位置时:该方法返回第一个匹配元素的滚动条的水平位置. $(selector).scrollLeft() 当用于设置位置时:该方法设置所有匹配元素的滚动条的水平位置. $(selector).scrollLeft(position) 2.scrollTop() 定义和用法 scrollTop() 方法设置或返回被选元素的垂直滚动条位置. 提示:当滚动…

[ jQuery ] scrollTop与offset()!

jQuery scrollTop() 与offset()! 曾经很长一段时间,很多人问我下面一段代码的好处是什么? ;(function($){ //do something })(jQuery); 但我一直就是这么写着,似乎觉得它本来就是这个样子的. 对说书中的那么套理论,可以完全不在乎,只知道是为了防止污染,对于污染一词,也许和环境污染一样. 只到有一天,我碰过了两个高手对决(jQuery,prototype) 的时候,对此恍然大悟. jquery,和prototype一样都是使用了$做为简…

scrollTop和scrollLeft属性

外层元素的高度值是200px,内层元素的高度值是300px.很明显,“外层元素中的内容”高过了“外层元素”本身.当向下拖动滚动条时,有部分内容会隐没在“外层元素的上边界”之外,scrollTop就等于这部分“不可见的内容”的高度. scrollLeft也是这样. <html> <head> <title>test scrollTop</title> <style type="text/css"> #out{ width:300…

浅谈jQuery页面的滚动位置scrollTop、scrollLeft

Web页面常常比显示该页面的浏览器窗口还要大,因为Web文档具有很多内容,往往会导致页面比浏览器还要高,有时候甚至还要宽,这迫使访问者通过滚动来查看整个页面(如图10-8所示).当访问者滚动页面的时候,一部分文档会从视线中消失.例如,Web页面不能完全放入浏览器窗口中,文档会向左或向上滚动,因此,页面的顶部和左边都会消失在视野之内.这意味着浏览器窗口的左上角和文档的左上角并不相同.如果试图放置一个新元素,例如,屏幕顶部的一个动态Banner:而如果只是试图将元素的left和top位置设置为0,将…

jquery scrollTop() 方法

原文地址:http://www.w3school.com.cn/jquery/css_scrolltop.asp 实例 设置 元素中滚动条的垂直偏移: $(".btn1").click(function(){ $("div").scrollLeft(100); }); 亲自试一试 定义和用法 scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置. scroll top offset 指的是滚动条相对于其顶部的偏移. 如果该方法未设置参数,则返回以像素计的…

scrollTop和scrollLeft的兼容解决万全方法

1.各浏览器下 scrollTop的差异 IE6/7/8: 对于没有doctype声明的页面里可以使用  document.body.scrollTop 来获取 scrollTop高度 : 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop: Safari: safari 比较特别,有自己获取scrollTop的函数 : window.pageYOffset : Firefox: 火狐等等相对标准些的浏览器就省心多了,直接用 docum…

Jquery scrollTop animate 實現動態滾動到頁面頂部

這個方法之前都是用的錨點實現的,但是效果僵硬,動感不足! 之後參考了一些網站,發現都是用的js,於是自己想到用jquery 來做一個插件也來實現以下這個小功能. $.fn.backTop = function (options) {/*back & scroll to top */ var defaults = { speed : 1000 //滾動到頂部的速度設置 單位是毫秒 ,mouseEvent: "click"//事件觸發類型 ,scrollTop:600 //配置滾動…

[jQuery].scrollTop() 函数详解

scrollTop()函数用于设置或返回当前匹配元素相对于垂直滚动条顶部的偏移. 当一个元素的实际高度超过其显示区域的高度时,在一定的设置下,浏览器会为该元素显示相应的垂直滚动条.此时,scrollTop()返回的就是该元素在可见区域之上被隐藏部分的高度(单位:像素). 如果垂直滚动条在最上面(也就是可见区域之上没有被隐藏的内容),或者当前元素是不可垂直滚动的,那么scrollTop()将返回0. 该函数属于jQuery对象(实例),并且对可见的和隐藏的元素均有效. 语法 jQuery 1.2.…

chrome浏览器和其它浏览器对scrollTop、scrollLeft的获取方法

chrome浏览器不能通过document.documentElement.scrollTop来获得距上滚动距离,得到的值始终为0:需要用document.body.scrollTop来获取.其它浏览器用document.documentElement.scrollTop就可以,scrollLeft一样.特此备注一下.…

兼容获取scrollTop和scrollLeft(被滚动条卷走的部分)

function scroll() { //ie9+ 标准浏览器 if (window.pageYOffset != null) { return { left: window.pageXOffset, top: window.pageYOffset } } //声明DTD的 else if (document.compatMode === "CSS1Compat") { return { left: document.documentElement.scrollLeft, top:…