草庐IT

javascript - "Scroll"长文本输入的最右边

我有一个图像选择器,允许从图库中选择图像,然后将URL填入field。URL可能非常长,总是在文本字段中看到URL的前半部分没有什么信息值(value)。有人知道一种方法可以“滚动”到文本字段的最右侧,以便URL的结尾而不是开头可见吗?无需借助文本区域。 最佳答案 除IE6-8/Opera之外的所有浏览器设置HTMLInputElement.setSelectionRange()明确设置focus()后输入值的长度。缺点是一旦模糊就会回滚到开始。varfoo=document.getElementById("foo");foo.va

javascript - "Scroll"长文本输入的最右边

我有一个图像选择器,允许从图库中选择图像,然后将URL填入field。URL可能非常长,总是在文本字段中看到URL的前半部分没有什么信息值(value)。有人知道一种方法可以“滚动”到文本字段的最右侧,以便URL的结尾而不是开头可见吗?无需借助文本区域。 最佳答案 除IE6-8/Opera之外的所有浏览器设置HTMLInputElement.setSelectionRange()明确设置focus()后输入值的长度。缺点是一旦模糊就会回滚到开始。varfoo=document.getElementById("foo");foo.va

html - Chrome 为滚动条保留空间,即使它是隐藏的

我在webkit浏览器(IE和FF都可以)上遇到了一个问题,即使滚动条没有显示,滚动条空间仍为元素保留。您可以在示例中看到,一旦悬停中间的滚动条空间仍然保留。我只是想知道这是Chrome的问题还是HTML/CSS规范的一部分。这个类似question提供了一个修复,但它没有解释它是否是一个错误,并且必须为child设置一个明确的宽度不是我想要做的。.hidden-scroll{background:black;overflow-y:hidden;height:400px;width:300px;}.hidden-scroll:hover{overflow-y:auto;}.no-hov

html - Chrome 为滚动条保留空间,即使它是隐藏的

我在webkit浏览器(IE和FF都可以)上遇到了一个问题,即使滚动条没有显示,滚动条空间仍为元素保留。您可以在示例中看到,一旦悬停中间的滚动条空间仍然保留。我只是想知道这是Chrome的问题还是HTML/CSS规范的一部分。这个类似question提供了一个修复,但它没有解释它是否是一个错误,并且必须为child设置一个明确的宽度不是我想要做的。.hidden-scroll{background:black;overflow-y:hidden;height:400px;width:300px;}.hidden-scroll:hover{overflow-y:auto;}.no-hov

javascript - 当光标到达底部时,有没有办法防止 contentEditable 元素滚动?

例如,我有一个contentEditablediv,我可以在其中输入内容。当文本到达div底部时,浏览器会自动滚动div,以便文本末尾和光标仍然可见。如何防止div滚动,使输入的文本越过div的底部,这样您在键入时就再也看不到光标了?我试图实现的行为就像在Photoshop中一样:当您创建一个文本框并键入太多内容时,光标会继续越过文本框底部,您将看不到您正在键入的内容。如果展开该框,您将看到所有隐藏的文本。编辑2/7/2012上午9:27:这是我现在拥有的,但它看起来有问题,因为滚动位置在keyup事件之后被调整:http://jsfiddle.net/trusktr/hgkak/6/

javascript - 当光标到达底部时,有没有办法防止 contentEditable 元素滚动?

例如,我有一个contentEditablediv,我可以在其中输入内容。当文本到达div底部时,浏览器会自动滚动div,以便文本末尾和光标仍然可见。如何防止div滚动,使输入的文本越过div的底部,这样您在键入时就再也看不到光标了?我试图实现的行为就像在Photoshop中一样:当您创建一个文本框并键入太多内容时,光标会继续越过文本框底部,您将看不到您正在键入的内容。如果展开该框,您将看到所有隐藏的文本。编辑2/7/2012上午9:27:这是我现在拥有的,但它看起来有问题,因为滚动位置在keyup事件之后被调整:http://jsfiddle.net/trusktr/hgkak/6/

javascript - 为 div 滚动

div元素是否没有onscroll事件处理程序?我页面上的行为似乎并未表明已识别divonscroll事件处理程序。此外,根据DOM事件冒泡,div滚动事件是否汇总为窗口滚动事件? 最佳答案 根据您使用的HTML版本,您可以改用onwheel事件。onscroll事件仅在满足以下所有条件时才有效:div有overflow:auto,overflow:scroll,overflow-y:scroll等div当前有一个可以滚动的可见滚动条。鼠标移动实际上会导致滚动条滚动。因此onscroll事件并不真正适合检测一般的鼠标滚轮移动。请注意

javascript - 为 div 滚动

div元素是否没有onscroll事件处理程序?我页面上的行为似乎并未表明已识别divonscroll事件处理程序。此外,根据DOM事件冒泡,div滚动事件是否汇总为窗口滚动事件? 最佳答案 根据您使用的HTML版本,您可以改用onwheel事件。onscroll事件仅在满足以下所有条件时才有效:div有overflow:auto,overflow:scroll,overflow-y:scroll等div当前有一个可以滚动的可见滚动条。鼠标移动实际上会导致滚动条滚动。因此onscroll事件并不真正适合检测一般的鼠标滚轮移动。请注意

jquery - 在页面加载时滚动到特定的 div

我正在尝试弄清楚如何在页面加载后让页面自动滚动到特定的div。我试过使用jQuery滚动功能,但无法使其正常工作。有什么建议吗?以下是我到目前为止所尝试的:jQuery(function(){jQuery(window).scrollTop(jQuery('.container').offset().top);}); 最佳答案 您可以使用.animate()执行此操作方法:$(document).ready(function(){//Handlerfor.ready()called.$('html,body').animate({s

jquery - 在页面加载时滚动到特定的 div

我正在尝试弄清楚如何在页面加载后让页面自动滚动到特定的div。我试过使用jQuery滚动功能,但无法使其正常工作。有什么建议吗?以下是我到目前为止所尝试的:jQuery(function(){jQuery(window).scrollTop(jQuery('.container').offset().top);}); 最佳答案 您可以使用.animate()执行此操作方法:$(document).ready(function(){//Handlerfor.ready()called.$('html,body').animate({s