jQuery scrollLeft() 方法

jQuery 教程 · 2019-03-27 18:44:40

实例

返回 <div> 元素的水平滚动条位置:

$("button").click(function(){ alert($("div").scrollLeft()); });

定义和用法

scrollLeft() 方法设置或返回被选元素的水平滚动条位置。

提示:当滚动条位于最左侧时,位置是 0。

当用于返回位置时:
该方法返回第一个匹配元素的滚动条的水平位置。

当用于设置位置时:
该方法设置所有匹配元素的滚动条的水平位置。

语法

返回水平滚动条位置:

  
    $(selector).scrollLeft()
  

设置水平滚动条位置:

  
    $(selector).scrollLeft(position)
  

参数 描述
position 规定以像素为单位的水平滚动条位置。

点击查看所有 jQuery 教程 文章: https://codercto.com/courses/l/35.html

查看所有标签

移动交互设计精髓

移动交互设计精髓

班格 (Cameron Banga)、温霍尔德 (Josh Weinhold) / 傅小贞、张颖鋆 / 电子工业出版社 / 2015-4-1 / CNY 89.00

越来越多的人正涌入移动应用领域,而设计和体验将是移动应用成败的关键。作者通过上百款应用的设计实践,系统化地梳理了移动应用的设计方法论,在理解用户、跨平台和适配设计、移动组件应用、界面视觉感染力、简约设计等方面都进行了深入阐述。此外,作者还介绍了一些非常实用的移动设计工具,分享了设计师该如何与开发工程师协同工作,以及如何收集用户反馈、甄别版本迭代的更新需求等。 《移动交互设计精髓——设计完美的......一起来看看 《移动交互设计精髓》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具