从左侧和右侧计算溢出的列表项。 （不是顶部/底部）

Question

我有代码，我想计算来自左和右一侧（不是从顶部或底部）的溢出列表项。在这个jsfiddle。最初1,2,3,11＆amp; 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