jquery 点击使元素置顶

jquery 点击使元素置顶,第1张

估计你的意思是,点击列表,列表的内部内容展开,然后,当前问题提升到窗口的顶部(让当前问题占据当前页面的高度——或许高度不够)。

这个和锚点无关。

首先,你要对列表进行遍历。$('#问题 ul li').each(function(){}),这样,可以给每个列表元素绑定一次事件。

其次,要整理好你的html结构,因为,你需要使用到这个li的诸多属性和结构。

然后,获取当前li的顶部偏移,使用$(this).offset().top

继续,给问题标题一个点击事件,点击后,执行问题内容的展开 *** 作。

你知道,展开是有2种方法的slideDown()和animate()他们两个都有callback回调方法。因此,在回调中加入一个回到顶部的代码。

$('html,body').stop(true,false).aniamte({'scrollTop' : li元素偏移值})。这样,页面就被“拉”上去了,位置刚好是当前列表的顶部。

jquery给一个DIV设置坐标

jquery中设置div的坐标位置的方法是通过offset实现的。

1、获取到div对象并且获取到当前偏移位置

var p = $("#elementId")对象

var offset = p.offset()位置

2、设置坐标位置,一般之关系距离顶部和左部的坐标:

$("#secondElementId").offset({ top: offset.top, left: offset.left})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11078636.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存