最核心的两句话:
textContainer.scroller.viewport.verticalScrollPosition=textContainer.scroller.viewport.contentHeight;
textContainer.validateNow();
<?xml version="1.0" encoding="utf-8"?>
<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="400" height="300">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Script>
<![CDATA[
protected function button1_clickHandler(event:MouseEvent):void
{
var interval:uint=100;
var repeat:uint=60;
var myTimer:Timer=new Timer(interval,repeat);
myTimer.addEventListener(TimerEvent.TIMER, timerHandler);
myTimer.start();
function timerHandler(event:TimerEvent):void
{
textContainer.text+="abcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcdabcd";
textContainer.scroller.viewport.verticalScrollPosition=textContainer.scroller.viewport.contentHeight;
textContainer.validateNow();
}
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<s:TextArea x="10" y="10" id="textContainer"/>
<s:Button x="10" y="169" label="开始滚动" click="button1_clickHandler(event)"/>
</s:TitleWindow>
分享到:
相关推荐
本文将详细介绍如何使用JavaScript来实现`textarea`滚动条样式的自定义,以实现跨浏览器的兼容性。 首先,我们需要理解CSS3提供了对滚动条样式的一些控制,如`::-webkit-scrollbar`和`::-webkit-scrollbar-thumb`等...
textarea滚动条
然而,`textarea` 的默认行为可能导致一些视觉上的问题,比如固定的高度可能会限制用户输入,而滚动条则可能破坏页面的整体美感。针对这些问题,我们可以采用特定的技术来实现 `textarea` 的高度自适应和去除滚动条...
其中,TextArea控件的滚动条作为用户交互的重要组成部分,其外观也会直接影响到用户的使用体验。在Flex中,可以通过CSS样式对滚动条的皮肤进行修改,使得滚动条更加符合应用程序的整体风格。 本知识点将详细介绍...
将这个自定义的TextArea组件引入到你的Flex项目中,像使用普通TextArea一样使用它。 5. **测试与调试**: 编译并运行你的Flex应用,现在应该可以在TextArea中看到可点击的链接。点击链接会触发`handleLinkClick`...
当用户输入的内容增多时,为了提供良好的用户体验,我们通常希望`TextArea`的高度能够自适应地扩展,以显示所有内容,而无需滚动条或者内容被裁剪。在标题“flex3 textArea 高度自适应”中提到的问题,就是如何实现...
然而,当`textarea`内的文本超出了其可视区域时,浏览器会自动添加滚动条以便浏览全部内容。在某些情况下,我们可能希望去除这些滚动条,以保持界面的简洁或者统一设计风格。本文将详细介绍如何在HTML和JavaScript中...
无滚动条Textarea自动适用高度.html Textarea
"用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平" 在 HTML 中,我们可以使用 `<textarea>` 元素来创建一个多行文本输入框,而滚动条和按钮是其中的重要组成部分。然而,默认情况下,...
在使用Flex进行Web应用开发时,有时会遇到一个让人头疼的问题:在非主应用程序环境下(例如嵌入到HTML页面中的SWF文件),textarea和input控件无法正常输入中文字符。这不仅影响用户体验,还可能导致功能上的缺失。...
例如,上述提供的代码片段中,当检测到是IE浏览器并且textarea元素设置为不可用时,通过调用blur()方法使元素失去焦点,这是导致滚动条不能拖动的直接原因。在这种情况下,开发者应该避免在textarea元素获取焦点时使...
以下是一个具体的实例,这个例子中,我们有一个`textarea`,用户必须滚动到底部才能勾选“同意”选项: ```html <!DOCTYPE html> 用户使用协议 textarea { height: 200px; width: 300px; } ...
2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色) scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-color滚动条的基本颜色 scrollbar-dark-shadow-color立体滚动条强阴影的...
让textarea控件的滚动条滚动到最下方 在前端开发中,textarea控件是非常常用的表单控件之一,但是在某些情况下,我们可能需要让textarea控件的滚动条滚动到最下方,以下是实现此功能的相关知识点。 一、使用...
js 实现 为textarea加横向滚动条! 值得下载看看!资源免费,大家分享!!
在ie6,7下会有滚动条,但是灰色不可拖拽的状态 如果要ie不出现滚动条的话,可以设置overflown-y:hidden;不过这样一来,如果文字大于4行,那它还是不会出现滚动条的,在此可以用js进行判断,如果是ie浏览器,...
总结来说,这个实例展示了如何结合微信小程序的 `scroll-view` 组件、动态计算和数据绑定,实现自动滚动到底部的功能。开发者可以根据实际需求调整代码,例如添加动画效果,或者在滚动到底部时触发加载更多数据的...