谁在scrollLeft

大致可以这样解释: 最外层的是不会移动的，最外层是不动的。比较靠近里面的不是scroll，如果向左的话，应该是moveleft.
不是scrollleft.
==============
<div short overflow hidden position relative>
   <div short moving scrollleft >
   <div long>
      <ul>
       <li></li>
       <li></li>
       <li></li>
      </ul>
<span position absolute></span><span position absolute></span>

-------
div short 第一个short在移动
不然移不动。

时间： 2024-11-03 13:42:59

谁在scrollLeft的相关文章

获取当前scrollTop和scrollLeft，兼容XHTML

1 // JavaScript Document 2 /* 用法与测试: 3 var myScroll = getScroll(); 4 alert("myScroll.scrollTop:" + myScroll.scrollTop); 5 alert("myScroll.scrollLeft:" + myScroll.scrollLeft); 6 */ 7 function getScroll(){ 8 var scrollTop,scrollLeft; 9 s

clientX、pageX、scrollLeft、offsetLeft、clientWidth、screen.width的用法和区别

一.定义和用法 1.event.clientX:事件对象的水平偏移量: event.clientY:事件对象的垂直偏移量: 2.event.pageX:事件对象加上滚动距离后的水平偏移量: event.pageY:事件对象加上滚动距离后的垂直偏移量: 3.$(selector).scrollLeft(offset)=$(selector).offset().left:获得或设置对象的滚动水平位置: $(selector).scrollTop(offset)=$(selector).offset(

Web前端之 offsetWidth，clientWidth，scrollWidth，offsetLeft，clientLeft，scrollLeft

一.写作缘由: 我想,这绝对是一次意外,对,如此的意外,让我莫名其妙的写下了这篇博文写下这个原因是我在做滚动文字(图片)的时候遇见了些困难,而不巧的是,就是本文的问题,因此想下定决心搞懂它,就查阅了很多的资料,然后,你懂得,这篇文章就诞生了. 二.涉及问题和总体概括: 如果你对width,offsetWidth,clientWidth,scrollWidth,offsetLeft,clientLeft,scrollLeft这几个的差别还不是很熟悉,那你最好翻阅资料搞清楚, 当然,你也可以看一下

HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解

scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相

js-事件1_获取鼠标坐标clientX+scrollLeft及兼容性写法_跟随鼠标移动的divs

一.获取鼠标坐标 clientX:鼠标到可视区边缘的距离: scrollLeft:滚动条到页面顶端的距离(不可视区的距离) 兼容性写法: var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft; 跟随鼠标移动的divs,

jQuery页面的滚动位置scrollTop、scrollLeft

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

jQuery-css()、height()、width()、offset()、position()、scrollTop()、scrollLeft()

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box{ width: 200px; height: 200px; position: relative; border:1px solid

jQuery scrollLeft()与scrollTop() 源码解读

这里的实现也很容易懂,通过jQuery的静态方法each给jQuery的原型添加scrollLeft和scrollTop方法. 这里在取值时它把window和普通的element做了区分如果是window,就使用window.pageXOffset window.pageYOffset获取如果是element,就通过element.scrollLeft element.scrollTop获取. 关于pageXOffset,MDN中介绍: var x = (window.pageXOffset

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解

HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解 scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetWidth与scrollLeft

有两个值一个是:scrollTop一个是scrollLeft第一个代表页面利用滚动条滚动到下方时,隐藏在滚动条上方的页面的高度:第二个代表页面利用滚动条滚动到右侧时,隐藏在滚动条左侧的页面的宽度 document.body.scrollLeft document.body.scrollTop 2.如果父的overflow没有hidden的话,那么此父的scrollLeft一直为0.