// get the width of the textarea minus scrollbar
var textareaWidth = document.getElementById("textarea").scrollWidth;
// width of our wrapper equals width of the inner part of the textarea
document.getElementById("wrapper").style.width = textareaWidth + "px";
3 回答
为了将来参考,还有一个没有jQuery的解决方案 - 只需要包装器div样式包含
overflow:hidden
并使用这个JavaScript双线程:见demo或完成HOWTO .
Update :您可以使用相同的原理创建无滚动条的可滚动div:demo .
有一个名为Scrollable的jQuery插件可以满足您的需求 .
不是原生的,但我想你可以通过使用Javascript捕获某些击键并使用CSS相应地重新定位容器元素来实现自己的滚动机制 . 不过,它会变得丑陋!