涉及到滚动条的定位问题,主要是Jquery 中 offset() 方法

来源:互联网 发布:山西省软件行业协会 编辑:程序博客网 时间:2024/05/21 11:04

效果是:一进来页面,传入某个li的id,通过这个id来让滚动条定位到这个位置,如果不传直接返回,传入的话,通过 $(selector).offset().top;的方法,获得偏移值,然后让外层的ul做一个动画效果去移动

// 实现滚动条的定位
Base.ScrollToRead = function(sid) {
//当使用滚动条,并默认读消息被隐藏时,触发滚动条滚动
if ((‘#’ + sid).length == 0) {  
        return true;  
    }  
    var t = parseInt(
(‘#’ + sid).offset().top, 10);
if (t <= 460) {
return true;
}
var s = t - 460;
$(‘.dialog-div>ul’).animate({ scrollTop: s }, 100);
}

1、 返回偏移坐标

     $(selector).offset();     top: $(selector).offset().top;     left: $(selector).offset().left;2、设置偏移坐标:     $(selector).offset({top:value,left:value});     参数的含义:{top:value,left:value}     当设置偏移时是必需的。规定以像素为单位的 top 和 left 坐标。     可能的值:(1)、名/值对,比如 {top:100,left:100} ,  (2)、一个带有 top 和 left 的对象(实例)3、使用函数设置偏移坐标:    $(selector).offset(function(index,currentoffset));    可选。规定返回包含 top 和 left 坐标的对象的函数。    index - 返回集合中元素的 index 位置。    currentoffset - 返回被选元素的当前坐标。

offset() 方法 返回的top , left. 跟 margin-top,margin-left 也有关系。

  如果元素有margin-top,margin-left. 它获取当前的margin. 没有则是默认取值。  如果父元素也有margin,broder 的话。它也会受到影响。取值要更大。 因为offset() 取的当前与文档的偏移坐标。

参考博客:http://www.cnblogs.com/htwdz-qhm/p/3967974.html

原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 鼻炎清鼻涕不止怎么办 宝宝持续低烧流鼻涕怎么办 孩子鼻塞不通气怎么办 2月婴儿感冒怎么办 长期流黄鼻涕怎么办 孩子流清水鼻涕怎么办 小孩有点流鼻子怎么办 初生婴儿堵鼻子怎么办? 小孩反复发烧了怎么办 小孩突然发烧了怎么办 40天宝宝鼻塞怎么办 宝宝伤风鼻子不通怎么办 鼻子伤风不通气怎么办 宝宝伤风流鼻子怎么办 十个月婴儿上火怎么办 一个多月宝宝鼻子有鼻屎怎么办 三个月婴儿感冒发烧怎么办 小孩感冒发烧流鼻涕怎么办 小孩感冒发烧反反复复怎么办 宝宝反复发烧39怎么办 一岁婴儿流鼻涕怎么办 四岁宝宝发烧怎么办 小孩流清鼻涕怎么办? 5宝宝光流清鼻涕怎么办 孩子一直流鼻子怎么办 10岁天天流鼻涕怎么办 喉咙痛又痒咳嗽怎么办 60天宝宝流鼻涕怎么办 宝宝流鼻子严重怎么办 鼻炎鼻涕多鼻塞怎么办 夏天老人感冒流鼻涕怎么办 鼻窦炎流清鼻涕怎么办 鼻子有脓鼻涕怎么办 宝宝有脓鼻涕怎么办 小孩脓鼻涕咳嗽怎么办 哺乳期流黄鼻涕怎么办 宝宝鼻塞流脓涕怎么办 喉咙痛浓痰咳嗽怎么办 哺乳期留清鼻涕怎么办 哺乳期就清鼻涕怎么办 小金毛流脓鼻涕怎么办