jquery如何修改滚动条位置

这篇“jquery如何修改滚动条位置”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“jquery如何修改滚动条位置”文章吧。

创新互联公司于2013年创立,先为江北等服务建站,江北等地企业,进行企业商务咨询服务。为江北企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

修改方法:1、用scrollLeft(),可设置水平滚动条的位置,语法“$("滚动条元素").scrollLeft(位置值)”;2、用scrollTop(),可设置垂直滚动条位置,语法“$("滚动条元素").scrollTop(位置值)”。

jquery如何修改滚动条位置

本教程操作环境:windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery提供了两种方法可直接修改滚动条位置

  • scrollLeft()

  • scrollTop()

1、使用scrollLeft()

scrollLeft() 可以设置匹配元素相对滚动条左侧的偏移,即水平滚动条的位置。

滚动条的水平位置指的是从其左侧滚动过的像素数。当滚动条位于最左侧时,位置是 0。

示例:




	
		
		
		
	
	

		
			The longest word in the english dictionary is: pneumonoultramicroscopicsilicovolcanoconiosis.
		

jquery如何修改滚动条位置

2、使用scrollTop()

scrollTop()可设置匹配元素相对滚动条顶部的偏移,即垂直滚动条的位置。

示例:




	
		
		
		
	
	

		
			This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.
			This is some text. This is some text. This is some text.
		

jquery如何修改滚动条位置

以上就是关于“jquery如何修改滚动条位置”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注创新互联行业资讯频道。


名称栏目:jquery如何修改滚动条位置
当前链接:http://bzwzjz.com/article/ggdhoe.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站制作 外贸网站建设 定制网站建设 重庆网站制作 攀枝花网站设计 手机网站设计 成都做网站建设公司 成都品牌网站设计 网站建设推广 重庆手机网站建设 网站建设 古蔺网站建设 盐亭网站设计 自适应网站设计 成都网站建设公司 网站制作 成都网站设计 企业手机网站建设 移动手机网站制作 成都网站建设公司 成都网站制作 网站制作公司