我有一个ul,带有max-height和overflow-y:auto。当用户输入足够多的li元素时,ul开始滚动,但我想要最后一个li的形式在其中始终存在并可供用户查看。我已经尝试实现一个如下所示的scrollToBottom函数:scrollToBottom(){this.formLi.scrollIntoView({behavior:'smooth'});}但这只会让ul跳到屏幕顶部并显示带有表单的li作为唯一可见的东西。有没有更好的方法来实现这一点?我发现的答案往往有点老,并且使用ReactDOM。谢谢!CSS:.prompt-box.options-holder{list-s
我有一个ul,带有max-height和overflow-y:auto。当用户输入足够多的li元素时,ul开始滚动,但我想要最后一个li的形式在其中始终存在并可供用户查看。我已经尝试实现一个如下所示的scrollToBottom函数:scrollToBottom(){this.formLi.scrollIntoView({behavior:'smooth'});}但这只会让ul跳到屏幕顶部并显示带有表单的li作为唯一可见的东西。有没有更好的方法来实现这一点?我发现的答案往往有点老,并且使用ReactDOM。谢谢!CSS:.prompt-box.options-holder{list-s
我有一个带有overflow:auto;的小div,但是当滚动条出现时,它覆盖了大量的div。这可以通过使用overflow:scroll;来避免,但是当没有溢出时,你会得到难看的褪色滚动条。有没有办法在不使用overflow:scroll;的情况下将滚动条放在div之外?谢谢。这是一个演示jsfiddle.alphabet{display:inline-block;overflow-y:auto;overflow-x:hidden;border:1pxsolid;height:50;}abcdefghijklmnopqrstuvwx 最佳答案
我有一个带有overflow:auto;的小div,但是当滚动条出现时,它覆盖了大量的div。这可以通过使用overflow:scroll;来避免,但是当没有溢出时,你会得到难看的褪色滚动条。有没有办法在不使用overflow:scroll;的情况下将滚动条放在div之外?谢谢。这是一个演示jsfiddle.alphabet{display:inline-block;overflow-y:auto;overflow-x:hidden;border:1pxsolid;height:50;}abcdefghijklmnopqrstuvwx 最佳答案
我有一个input字段,用户将在其中输入文本。当文本变得太长时,输入字段会水平扩展而不是垂直下降。我尝试添加这个CSS:overflow:hidden;word-wrap:break-word;但是我运气不好。关于如何实现此目的还有其他建议吗? 最佳答案 我认为您应该使用多行输入字段作为TextArea:http://htmlhelp.com/reference/html40/forms/textarea.html示例代码: 关于HTML输入换行而不是水平溢出,我们在StackOverf
我有一个input字段,用户将在其中输入文本。当文本变得太长时,输入字段会水平扩展而不是垂直下降。我尝试添加这个CSS:overflow:hidden;word-wrap:break-word;但是我运气不好。关于如何实现此目的还有其他建议吗? 最佳答案 我认为您应该使用多行输入字段作为TextArea:http://htmlhelp.com/reference/html40/forms/textarea.html示例代码: 关于HTML输入换行而不是水平溢出,我们在StackOverf
这个问题在这里已经有了答案:CSSoverflow-x:visible;andoverflow-y:hidden;causingscrollbarissue(9个回答)关闭6年前。在Chrome或Firefox中无法正常工作。有什么解决方法吗?overflow-y:visiblewithoverflow-x:hiddenwithoutoverflow-x:hiddenhttp://jsfiddle.net/sMNyK/现实生活场景涉及绝对必须具有overflow-x:hidden的组件,但这将触发需要能够在y方向上脱离元素的弹出菜单。我应该将这些菜单放在它们的父组件之外,还是有更好的解
这个问题在这里已经有了答案:CSSoverflow-x:visible;andoverflow-y:hidden;causingscrollbarissue(9个回答)关闭6年前。在Chrome或Firefox中无法正常工作。有什么解决方法吗?overflow-y:visiblewithoverflow-x:hiddenwithoutoverflow-x:hiddenhttp://jsfiddle.net/sMNyK/现实生活场景涉及绝对必须具有overflow-x:hidden的组件,但这将触发需要能够在y方向上脱离元素的弹出菜单。我应该将这些菜单放在它们的父组件之外,还是有更好的解
我希望有人能在这里帮助我。我已尽力简化示例。我有一个绝对定位的DIV,在本例中我已将其填满浏览器窗口。这个div有overflow:auto属性,当内容太大以至于DIV无法显示时提供滚动条。在DIV中,我有一个表格来显示一些数据,它的宽度是100%。当内容在垂直方向上变得太大时,我希望出现垂直滚动条并且表格在水平方向上稍微收缩以容纳滚动条。然而在IE7中,尽管div中的所有内容仍有足够的水平空间,水平滚动条也会出现。这是IE特有的-firefox完美运行。完整来源如下。非常感谢任何帮助。托尼Tablesizingbug?#maxsize{position:absolute;left:5
我希望有人能在这里帮助我。我已尽力简化示例。我有一个绝对定位的DIV,在本例中我已将其填满浏览器窗口。这个div有overflow:auto属性,当内容太大以至于DIV无法显示时提供滚动条。在DIV中,我有一个表格来显示一些数据,它的宽度是100%。当内容在垂直方向上变得太大时,我希望出现垂直滚动条并且表格在水平方向上稍微收缩以容纳滚动条。然而在IE7中,尽管div中的所有内容仍有足够的水平空间,水平滚动条也会出现。这是IE特有的-firefox完美运行。完整来源如下。非常感谢任何帮助。托尼Tablesizingbug?#maxsize{position:absolute;left:5