textarea 自适应高度

实现高度自适应,默认一定高度,过高出现滚动条,常用在模拟selectbox,文本域等情况下:

autobox

这是测试文本,你可以多复制几遍,超过文本域宽度时即自动出现滚动条。

autobox

这是测试文本,你可以多复制几遍,超过文本域宽度时即自动出现滚动条。

这是测试文本,你可以多复制几遍,超过文本域宽度时即自动出现滚动条。

这是测试文本,你可以多复制几遍,超过文本域宽度时即自动出现滚动条。

var $scollBox = $('.box-scroll');
//pc端有弹窗滚动时禁用body滚动
$scollBox.on('mousewheel DOMMouseScroll', function (e) {
    var type = e.type;
    if (type == 'DOMMouseScroll' || type == 'mousewheel') {
        var delta = (e.wheelDelta) ? e.wheelDelta : -(e.detail || 0);
    }
    // var e0 = e.originalEvent,
    //     delta = e0.wheelDelta || -e0.detail;
    this.scrollTop += ( delta < 0 ? 1 : -1 ) * 30;
    e.preventDefault();
});
//移动端实现,要借鉴iScroll那个组件
$scollBox.on('touchmove', function (e) {
});

问题及注意事项:

实践出真知