Javascript:溢出时捕获宽度/高度

时间:2014-08-01 12:18:54

标签: javascript html css resize overflow

这是我的问题:
我有一个包装元素和一个可拖动的子元素。
当溢出发生时,我需要父元素扩展(或至少获取大小数据)。我已经使用了溢出事件,但这仅在开始/结束时触发,而不是在调整大小时触发。我知道如果我将getSizeInfo函数放在drag / mousemove函数中,我可以得到数据,但这不是我想要的。

代码(小提琴上的完整版):

function getScrollInfo($element){
    var text = 'scrollHeight: ' + $element[0].scrollHeight + '<br/>';
    text += ' Height: ' + $element.height() + '<br/>';
    text += ' scrollTop: ' + $element.scrollTop() + '<br/>';
    info.html(text);

    return{ height:$element[0].scrollHeight}
};

content.on('resize overflow', getScrollInfo(content));


问题:
当溢出+调整大小时(如果可能的话),我需要获取元素的宽度/高度,并且还将滚动位置保持在条形的末尾。

注意:
我知道jQuery可以做到这一切,但我决定创建一个拖动元素的自定义方法,因为它需要更多的控制过程。

FIDDLE:http://jsfiddle.net/f8w8v/2/

0 个答案:

没有答案