`

Flex TextArea 滚动到底部

阅读更多

最核心的两句话:

                    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>
 
分享到:
评论

相关推荐

    textArea滚动条样式

    本文将详细介绍如何使用JavaScript来实现`textarea`滚动条样式的自定义,以实现跨浏览器的兼容性。 首先,我们需要理解CSS3提供了对滚动条样式的一些控制,如`::-webkit-scrollbar`和`::-webkit-scrollbar-thumb`等...

    textarea滚动条

    textarea滚动条

    textarea自适应高度标签,去除难看的滚动条

    然而,`textarea` 的默认行为可能导致一些视觉上的问题,比如固定的高度可能会限制用户输入,而滚动条则可能破坏页面的整体美感。针对这些问题,我们可以采用特定的技术来实现 `textarea` 的高度自适应和去除滚动条...

    flex中使用css样式修改TextArea滚动条的皮肤代码

    其中,TextArea控件的滚动条作为用户交互的重要组成部分,其外观也会直接影响到用户的使用体验。在Flex中,可以通过CSS样式对滚动条的皮肤进行修改,使得滚动条更加符合应用程序的整体风格。 本知识点将详细介绍...

    flex TextArea加链接和link事件

    将这个自定义的TextArea组件引入到你的Flex项目中,像使用普通TextArea一样使用它。 5. **测试与调试**: 编译并运行你的Flex应用,现在应该可以在TextArea中看到可点击的链接。点击链接会触发`handleLinkClick`...

    flex3 textArea 高度自适应

    当用户输入的内容增多时,为了提供良好的用户体验,我们通常希望`TextArea`的高度能够自适应地扩展,以显示所有内容,而无需滚动条或者内容被裁剪。在标题“flex3 textArea 高度自适应”中提到的问题,就是如何实现...

    textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法

    然而,当`textarea`内的文本超出了其可视区域时,浏览器会自动添加滚动条以便浏览全部内容。在某些情况下,我们可能希望去除这些滚动条,以保持界面的简洁或者统一设计风格。本文将详细介绍如何在HTML和JavaScript中...

    无滚动条Textarea自动适用高度.html

    无滚动条Textarea自动适用高度.html Textarea

    用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平

    "用javascript实现改变TEXTAREA滚动条和按钮的颜色,以及怎样让滚动条变得扁平" 在 HTML 中,我们可以使用 `&lt;textarea&gt;` 元素来创建一个多行文本输入框,而滚动条和按钮是其中的重要组成部分。然而,默认情况下,...

    flex解决textarea,input不能输入中文的方法

    在使用Flex进行Web应用开发时,有时会遇到一个让人头疼的问题:在非主应用程序环境下(例如嵌入到HTML页面中的SWF文件),textarea和input控件无法正常输入中文字符。这不仅影响用户体验,还可能导致功能上的缺失。...

    JavaScript中Textarea滚动条不能拖动的解决方法

    例如,上述提供的代码片段中,当检测到是IE浏览器并且textarea元素设置为不可用时,通过调用blur()方法使元素失去焦点,这是导致滚动条不能拖动的直接原因。在这种情况下,开发者应该避免在textarea元素获取焦点时使...

    js 原生判断内容区域是否滚动到底部的实例代码

    以下是一个具体的实例,这个例子中,我们有一个`textarea`,用户必须滚动到底部才能勾选“同意”选项: ```html &lt;!DOCTYPE html&gt; 用户使用协议 textarea { height: 200px; width: 300px; } ...

    html滚动条 textarea属性设置

    2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色) scrollbar-arrow-color上下按钮上三角箭头的颜色 scrollbar-base-color滚动条的基本颜色 scrollbar-dark-shadow-color立体滚动条强阴影的...

    让textarea控件的滚动条怎是位与最下方

    让textarea控件的滚动条滚动到最下方 在前端开发中,textarea控件是非常常用的表单控件之一,但是在某些情况下,我们可能需要让textarea控件的滚动条滚动到最下方,以下是实现此功能的相关知识点。 一、使用...

    js 实现 为textarea加横向滚动条

    js 实现 为textarea加横向滚动条! 值得下载看看!资源免费,大家分享!!

    ie6,ie7,firefox的textarea滚动条、边框

    在ie6,7下会有滚动条,但是灰色不可拖拽的状态    如果要ie不出现滚动条的话,可以设置overflown-y:hidden;不过这样一来,如果文字大于4行,那它还是不会出现滚动条的,在此可以用js进行判断,如果是ie浏览器,...

    微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码

    总结来说,这个实例展示了如何结合微信小程序的 `scroll-view` 组件、动态计算和数据绑定,实现自动滚动到底部的功能。开发者可以根据实际需求调整代码,例如添加动画效果,或者在滚动到底部时触发加载更多数据的...

Global site tag (gtag.js) - Google Analytics