Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vb.net/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果输入有带文本缩进的隐藏文本,jquery将滚动鼠标滚轮_Javascript_Jquery - Fatal编程技术网

Javascript 如果输入有带文本缩进的隐藏文本,jquery将滚动鼠标滚轮

Javascript 如果输入有带文本缩进的隐藏文本,jquery将滚动鼠标滚轮,javascript,jquery,Javascript,Jquery,我有 文本长度大于输入宽度,查看该文本的唯一方法是选择隐藏的文本 是否有方法检测鼠标滚轮的上/下滚动并更改文本缩进 我不希望这影响选择文本的能力,例如,我想复制/粘贴单个单词“Phasellus” 如果这适用于触摸屏设备,也很好 如果文本是隐藏的(比输入宽度+填充+边框长),则只需文本缩进 使其不可能滚动过多,文本将被完全隐藏 您可以使用jquery鼠标滚轮事件。您可以使用插件来上下鼠标滚轮 <input type="text" readonly="readonly" style="

我有


文本长度大于输入宽度,查看该文本的唯一方法是选择隐藏的文本

是否有方法检测鼠标滚轮的上/下滚动并更改
文本缩进

我不希望这影响选择文本的能力,例如,我想复制/粘贴单个单词“Phasellus”

如果这适用于触摸屏设备,也很好

  • 如果文本是隐藏的(比输入宽度+填充+边框长),则只需文本缩进
  • 使其不可能滚动过多,文本将被完全隐藏

  • 您可以使用jquery鼠标滚轮事件。您可以使用插件来上下鼠标滚轮

    <input type="text" readonly="readonly" style="width: 50px" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus viverra ullamcorper tellus, in varius erat mollis in. Suspendisse condimentum turpis sit amet tortor bibendum cursus lobortis enim posuere." />
    

    您可以使用jquery鼠标滚轮事件。您可以使用插件来上下鼠标滚轮

    <input type="text" readonly="readonly" style="width: 50px" value="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus viverra ullamcorper tellus, in varius erat mollis in. Suspendisse condimentum turpis sit amet tortor bibendum cursus lobortis enim posuere." />
    

    你不希望这是一个
    的原因吗?我在同一个页面上有20多个输入,我认为所有这些不同的滚动条都会让这看起来很糟糕。
    看起来更干净。你可以用
    溢出:隐藏的
    样式来隐藏文本区域的滚动条。你不想让它成为
    的原因是什么?我在同一页上有20多个输入,我认为所有这些不同的滚动条看起来都很糟糕。
    看起来更干净。您可以使用
    溢出:隐藏的
    样式来隐藏文本区域的滚动条。但是如果其他输入的文本较少,会发生什么?我们可以防止将文本“文本缩进”滚动到屏幕外吗?您可以在滚动之前比较滚动宽度输入宽度,但是如果另一个输入的文本较少,会发生什么情况?我们是否可以防止在屏幕外滚动“文本缩进”文本?您可以在滚动前比较滚动宽度输入宽度