美文网首页
有关scrollTop设置

有关scrollTop设置

作者: 前端划水工 | 来源:发表于2018-06-15 15:47 被阅读0次

今天公司线上bug需要修复下,


日期回显

假如当前时间2018-6 ,点击下拉框内容希望让2018-6的显示最客户看到的最上面,但是不能更改数据的顺序。
于是我通过、

$('.datdchecked').click(function () {
        var divDistance = $('.datexiala li').eq(showindex).position().top
        $('.datexiala').scrollTop(divDistance)
});

本身.datdchecked设置了固定的宽高且overflow-y:scroll;
接下来找到子元素中与2018-6相同的元素,获取该元素到父级顶部的高度
.position().top
最后设置父级scrollTop()就能够实现产品提出的需求
=========附带如何监听元素class发生改变=========

$('#mutable').bind('DOMSubtreeModified', function(e) {
      alert('class changed');
  });

相关文章

网友评论

      本文标题:有关scrollTop设置

      本文链接:https://www.haomeiwen.com/subject/tjjmeftx.html