Login
网站首页 > 文章中心 > 其它

设置滚动条滚动到指定位置

作者:小编 更新时间:2023-07-13 22:48:57 浏览量:23人看过

$('div').prop('scrollTop','100px')

先在指定的位置定义 一个 div。

在js中获取该div,配知然后滑动到该div所在位置

var container = $('div'雀卖颂);

container.scrollTop(100);//滚动顷郑到div 100px

$("#div_id").animate({scrollTop: 100}, 300);

设置滚动条滚动到指定位置-图1

以上代码可以实现,scrollTop 表示向下滚孝核弊到多少巧族距离,300表示滚动动画时间,单位氏派毫秒

前置条件:

div作为盒子限制高度,并设置overflow:auto。在内容超溢陪盯裂出时会出现滚动条(默认Y轴)

实现滚动条滚动到指定芦闭位置有两种情况:无效果则雹 和 有动画效果

(1)无效果--直接使用scrollTop方法//100为高度,单位px

设置滚动条滚动到指定位置-图2

$('.box').scrollTop(100)(2)有效果--使用animate方法//100为高度,单位px;300为时间,单位ms

$('.box').animate({scrollTop:100},300)

这里有一个方法可以将DIV的滚动条神埋滚动到其子元素所在的位置,方便自动定位。

var

container

=

$('div'),

scrollTo

$('肆瞎橘#row_8');

container.scrollTop(

scrollTo.offset().top

设置滚动条滚动到指定位置-图3

-

container.offset().top

container.scrollTop()

);

//

Or

you

can

animate

the

scrolling:

container.animate({

scrollTop:

});

不需要任何JQuery插件即可完成所需的裂团效果,非常好用!

$(selector).scrolltop(offset)可以设置滚段竖态动条位握源置。例如:

$('.classname').scrolltop(110)//将滚纤坦动条滚动到110px处

window.onload = function () {

// 获取并野参码蔽塌数

function GetQueryValue1(queryName) {

var reg = new RegExp("(^|&)" ◆ queryName ◆ "=([^&]*)(&|$)", "i"迟圆);

var r = window.location.search.substr(1).match(reg);

if (r != null) {

return decodeURI(r[2]);

有两个方法和宴旁

1、按ctrl◆g。唤橡定位,输入单元格的名称。

2、直祥渣接在表格A1上面那个栏里输入单元格的名称。

按住ctrl键不放,然后滚动鼠标滚轮键,上字体变大,下字体变小

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章