`
jammy.zhou
  • 浏览: 14978 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

关于div和textarea的自动scroll

webui 
阅读更多
1, div
<div style="width:100%; height:95%; overflow-y:scroll">
<div id="command_result" style="height:90%; width:100%"></div>
<div id="command_result_end" style="overflow:hidden; height:1px"></div>
</div>
<script>
document.getElementById("command_result_end").scrollIntoView();
</script>

2, textarea
var obj = document.getElementById("command_result");
obj.scrollTop=obj.scrollHeight
0
顶
0
踩
分享到：
| 美工？或者UI工程师？
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    div实现自适应高度的textarea实现angular双向绑定

    当文本内容增加时，我们通常需要手动监听`textarea`的`scroll`事件，增加行数以适应新的内容高度。这种方法不仅复杂，而且容易出现性能问题。 一个更好的选择是使用`contenteditable`属性的`div`元素。`...

    微信小程序textarea层级过高的解决方法

    在这个例子中，通过v-show控制textarea和scroll-view的显示，实现输入与非输入状态的切换。 三、官方解决方案：使用cover-view和cover-image 微信官方推荐使用cover-view和cover-image组件来覆盖textarea。这两个...

    给div加滚动条 div显示滚动条设置代码

    当内容超出div设定的高度和宽度时，浏览器会自动为div添加滚动条。代码示例如下： ```html &lt;div style="overflow: auto; width: 400px; height: 400px;"&gt;这里是内容&lt;/div&gt; ``` 或者 ```html &lt;div style=...

    div overflow 超出隐藏属性使用说明

    通过以上方法，你可以有效地管理和定制`div`或其他元素的溢出内容以及滚动条的显示和样式，使得网页布局更加灵活和美观。不过，由于不同浏览器的兼容性问题，对于滚动条样式的定制，建议使用现代CSS规范并提供回退...

    新浪微博文字向下滚动效果

    &lt;div class="scroll-text"&gt; &lt;marquee behavior="scroll"&gt;这是向下滚动的文字... &lt;/div&gt; ``` 在这个例子中，`&lt;marquee&gt;`标签用于创建滚动的文本，而CSS的`@keyframes`定义了动画的过程，`transform: translateX...

    网页各种代码

    &lt;marquee behavior="scroll" direction="down" width="50px" height="900px" onmouseover="this.stop();" onmouseout="this.start();"&gt; 文本内容 ``` 其中`direction`属性用于指定滚动方向，`onmouseover`和`...

    html在线聊天窗口

    例如，可以使用`&lt;div&gt;`标签来创建聊天窗口的容器，`&lt;textarea&gt;`来定义用户输入消息的区域，`&lt;button&gt;`来定义发送按钮。 ```html &lt;div id="chat-container"&gt; &lt;div id="chat-messages"&gt;&lt;/div&gt; &lt;div id="chat-input...

    jQuery的学习总结1

    除此之外，jQuery 还提供了其他如 `change()`, `keydown()`, `load()`, `resize()`, `scroll()` 等事件方法，使得处理用户交互变得简单直观。 总之，jQuery 以其简洁的 API 和强大的功能，极大地提升了 JavaScript ...

    vue留言板，支持vue2，vue3

    在本文中，我们将深入探讨如何使用Vue.js（支持Vue2和Vue3）构建一个功能完善的留言板系统，结合Element UI库来实现用户友好的界面。Element UI是基于Vue.js的组件库，提供了一系列丰富的UI组件，使得开发更加高效。...

    广泛收集的jQuery拖放插件集合

    5. **jQuery TextAreaResizer**：当用户在textarea中输入内容时，该插件会自动调整textarea的大小，提升输入体验。 6. **PPDRAG**：模仿jQuery UI的拖动接口，提供了一种简化版的拖放功能，适用于快速实现基本的...

    微信小程序常用组件

    3. **表单组件**：如`&lt;input&gt;`、`&lt;textarea&gt;`、`&lt;checkbox&gt;`、`&lt;radio&gt;`和`&lt;picker&gt;`等，用于用户输入和选择操作。这些组件能触发各种事件，如`bindinput`、`bindchange`，方便获取用户输入并进行交互。 4. **导航...

    创建带滚动条的窗体的资源

    通过设置`AutoScroll`属性为`true`，窗体将自动显示水平或垂直滚动条，具体取决于内容是否超出了窗体的边界。 ```csharp public partial class MainForm : Form { public MainForm() { InitializeComponent()...

    浏览器兼容性解决方法

    Firefox支持`textarea`元素上的`scroll`事件，而IE则不支持，这在实现滚动监听功能时需要注意。 #### 15. display: inline-block支持 Firefox支持`display: inline-block`属性，但IE早期版本可能存在兼容性问题，...

    css overflow溢出隐藏(文字溢出时的自动隐藏处理)

    例如，在div容器中，若内容超出了div设定的高度和宽度，可以通过设置overflow属性来控制显示或隐藏溢出内容。在某些情况下，也可以利用text-overflow属性结合overflow属性来实现优雅的溢出处理。text-overflow属性...

    纯JavaScript代码实现文本比较工具

    `&lt;textarea&gt;`元素设置了`oninput`和`onpropertychange`事件监听器，当用户在文本框中输入或修改内容时，会触发`textchange`函数。 CSS部分用于样式设定，确保了文本区域的布局和滚动同步。`.edit_div`设置了相对...

    jQuery仿qq空间留言时间轴特效代码.zip

    4. **动态加载与AJAX**：为了实现类似QQ空间的滚动加载更多留言功能，可以结合jQuery的`scroll`事件和AJAX异步请求。当用户滚动到页面底部时，向服务器发送请求获取更多数据，并动态插入到时间轴中。 ```javascript...

    基于jquery实现的页面右下角的反馈控件脚本.zip

    $(document).scroll(function() { if ($(this).scrollTop() &gt; 100) { // 当页面滚动超过100像素 $('#feedback-button').addClass('show'); } else { $('#feedback-button').removeClass('show'); } }); ``` 这...

    html+js，web聊天UI界面效果及其特效设计

    例如，`&lt;div&gt;`用于创建容器，`&lt;textarea&gt;`用于输入消息，`&lt;button&gt;`用于发送消息，`&lt;ul&gt;`或`&lt;ol&gt;`用于展示聊天记录，而`&lt;img&gt;`则可以用来添加表情符号。 2. **CSS 样式**： CSS（层叠样式表）负责页面的布局和视觉...

Magicbox
Global site tag (gtag.js) - Google Analytics