滚动到 指定 selectorX(selector) 位置

8 篇文章 0 订阅
5 篇文章 0 订阅

滚动到 指定div 位置

$("html,body").animate({scrollTop: $(“滚动到的指定div的class或id”).offset().top},{duration:1000,queue:false},function(){

这是滚动后的操作,也可不写。

});

offset()

1、定义和用法

   $(selector).offset()

       offset() 方法返回或设置匹配元素相对于文档的偏移(位置)。

2、返回偏移坐标

        返回第一个匹配元素的偏移坐标。

该方法返回的对象包含两个整型属性:top 和 left,以像素计。此方法只对可见元素有效。

var selectoroffset= $(selector).offset();

var top= $(selector).offset().top;

var left= $(selector).offset().left;

3、设置偏移坐标

设置所有匹配元素的偏移坐标。


  $(selector).offset({top:100,left:0});

  $(selector).offset().top;


4、使用函数来设置偏移坐标


$(selector).offset(function(index,oldoffset))

使用函数来设置所有匹配元素的偏移坐标。

规定返回被选元素新偏移坐标的函数。

index - 可选。接受选择器的 index 位置

oldvalue - 可选。接受选择器的当前坐标。

<script type="text/javascript" src="/jquery/jquery.js"></script>


<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").offset(function(n,c){
    newPos=new Object();
        newPos.left=c.left+100;
        newPos.top=c.top+100;
         return newPos;
    });
  });
});
</script>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
允许选择当前页面中的节点,并检索当前的x选择器,可在Schneider Electric Tag Manager中使用 X-Selector检索节点选择器,可在Schneider Electric Tag Manager配置器中使用 •要启用/禁用X选择器,请单击工具栏图标 •使用绿色选择器,将当前页面中要选择的元素悬停 •要复制剪贴板中的节点选择器,请右键单击突出显示的元素,然后选择选择器类型:►链接追踪的X选择器:选择一组<a>元素。如果</a> <a>您的选择中</a> <a>没有</a> <a>节点,您将会收到警报 ►动作跟踪的X选择器:使用非链接元素(如按钮)设置点击跟踪。以前的选项表示没有链接时使用 ►提取价值的X选择器:在选择内部选择文本或数字,例如通过销售跟踪(对于这种用法,如果您对数字感兴趣,您不必担心货币或本地分隔符,将被正确格式化) ►区域选择的X选择器:选择任何东西。例如,对于Clickzone或搜索区域有用 •当选择确切区域不可能或难以选择时,选择其中一个内容,然后:►选择父项:将当前选择移到其父项。直到你获得所需的区域 •要显示复制的选择器,请先打开Goog​​le Chrome控制台 •要取消激活,请再次单击工具栏图标,或者在Esc键上键入,或者打开另一个选项卡 ************************************************* X选择器节点语法是对XPath的简化,但是只选择重要的上升器,并以特定的方式选择它们,以便抵抗结构变化:•ParentNode / ChlidNode /.../ MyNode,其中Node可以是: ►id或@id:节点的id►tagName:className [index]:选择带有类型和类的标签(可以为空来检索所有)DIV:row >>选择所有带有“row”类的DIV,方兴未艾 DIV:行[3] >>选择第四个DIV类“行”</a> 支持语言:English (United States)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值