如何防止文本区域在 jquery select 上“向下滚动”？答案

【问题标题】：How to prevent a textarea from "scrolling down" on jquery select?如何防止文本区域在 jquery select 上“向下滚动”？
【发布时间】：2014-04-24 16:03:44
【问题描述】：

我正在使用带有 jquery 选择功能的 textarea 来让我的用户快速选择整篇文章以便于复制。文本区域只有一排高，溢出设置为隐藏。

每当我单击文本区域的标签时，它都会自动“向下滚动”到我的页面底部。我发现这只发生在溢出设置为隐藏并且我假设它“滚动”到所选文本的底部时。

查看示例：http://www.creepypasta.org/Untitled.webm

HTML

<label for="copy-pasta">Copy Pasta</label>
<textarea rows="1" id="copy-pasta">Multiple lines of text...</textarea>

jQuery

$("#copy-pasta").click(function () {
    $(this).select();
});

CSS

.copy-pasta textarea {      
    overflow: hidden;
    resize: none;
}

【问题讨论】：

标签： jquery select textarea overflow

【解决方案1】：

存储当前滚动位置
调用您的复制函数
恢复滚动位置

【讨论】：