javascript - 从左侧和右侧计算溢出的列表项。 (不是顶部/底部)

Question

我有一些代码，我想从左侧和右侧(而不是从顶部或底部)计算溢出的列表项。在这个 jsfiddle 中。最初 1、2、3、11 和 12 溢出。但我想用 Jquery 来计算。稍后当它发生变化时，它会自动计数。

此外，是否可以计算溢出元素的宽度。

Demo

$(document).on('click', '.liClicked', function () {
var idValue = ($(this).attr('id'));
var idValues = ($(".element ul li#" + idValue));
var me = $(this);
$('.element').animate({
    "left": $('li#' + me.prop('id')).position().left * -1,
}, 500, function () {
    var newPosition = $('.element').position().left;
    });
});

Answer 1

试试这个代码来计算元素:

parseInt(idValue.split('tab')[1])

获取宽度:

parseInt(idValue.split('tab')[1])*$('.liClicked').width()

这是一个demo example