今天公司线上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');
});