【Jquery】点击滑动到指定元素位置

释放双眼,带上耳机,听听看~!

简介

比较常用的一个功能,只需要一个简单的函数就可以滑动到任意你需要的地方,默认点击之后是返回顶部。

function scrollTo(ele, speed){
	if(!speed) speed = 300;
	if(!ele){
		$("html,body").animate({scrollTop:0},speed);
	}else{
		if(ele.length>0) $("html,body").animate({scrollTop:$(ele).offset().top},speed);
	}
	return false;
}

使用方法:

1.滑动到顶部,速度默认0.3秒

scrollTo();

2.滑动某个元素的位置。

a.滑动id为

item scrollTo('#item',300);

b.滑到某个标签

item scrollTo('.item');

JavaScript版本

或者某个元素offsetTop兼容代码

function getElementPosition(e) {
var x = 0, y = 0;
while (e != null) {
x += e.offsetLeft;
y += e.offsetTop;
e = e.offsetParent;
}
return { x: x, y: y };
}

人已赞赏
Java瞎捯饬随笔

【随笔】SpringMvc验证框架Validation用法及@Validated和@Valid区别

2019-6-14 10:07:00

JavaScript随笔

【随笔】原生js实现鼠标单击平滑滚动一屏

2019-9-27 23:48:06

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索