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

我有一些代码，我想从左侧和右侧一侧(而不是从顶部或底部)计算溢出的列表项。在这个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;
    });
});

最佳答案

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

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

得到宽度:

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

这是一个demo example