`
sisi1984117
  • 浏览: 158452 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

【转】js 滚动条

阅读更多

window.scrollTo(0,document.body.scrollHeight);   //滚动到底部
window.scrollTo(0,0);//滚动到上部

 

div层滚动条控制

如何用js控件div的滚动条,让它在内容更新时自动滚到底部?
悬赏分:0 - 解决时间:2006-7-25 03:58
我做一个聊天的东东,需要让信息窗口随时保持显示在底部,希望高手指点。 
问题补充:
您的答复很不错,我是用了e.scrollTop=100000来解决的,谢谢!
提问者: hiisee - 二级
最佳答案
模拟一下,控制层的滚动条~
<script language="javascript">
function sendText()
{
var e=document.getElementById("div1")
var inp=document.getElementById("inp")
e.innerText=e.innerText+"\n"+inp.value;
//e.scrollTop=e.scrollHeight;
}
function sc()
{
var e=document.getElementById("div1")
e.scrollTop=e.scrollHeight;
}
var s=setInterval("sc()",200)
</script>
<div id="div1" style="border:1px #ff9966 dashed;width:400;height:100;overflow-x:hidden;overflow-y:scroll">
</div>
<input type="text" id="inp" style="width:300">
<input type="button" onclick="sendText()" value="发送"> 
分享到:
评论

相关推荐

    New js 滚动条

    JavaScript滚动条是一个重要的前端开发话题,它涉及到网页用户体验的优化和界面交互的增强。传统的HTML滚动条虽然功能基本,但其样式和交互性往往不能满足现代网页设计的需求。因此,"New js 滚动条"通常是利用...

    JS控制滚动条自动向下滚动

    在JavaScript(JS)编程中,控制滚动条自动向下滚动是一种常见的需求,特别是在实时聊天、论坛或者日志更新等场景中,我们希望用户能够始终保持看到最新的内容。本篇将详细讲解如何利用JavaScript实现这一功能,以及...

    js滚动条美化

    本主题将探讨如何利用JavaScript(JS)和CSS来美化滚动条,使其与网站的整体设计更加协调,提升用户体验。 首先,我们需要了解CSS在滚动条美化中的作用。CSS3引入了`::-webkit-scrollbar`和`::-webkit-scrollbar-...

    js 自定义滚动条样式

    js 自定义滚动条样式 颜色大小在css调节 绑定节点在js代码第一个函数修改

    JS滚动条属性值

    JS滚动条属性值,取得滚动条各种数据值,简单处理JS操作滚动条

    原生js scrollbars滚动条插件设置浏览器竖直滚动条美化

    这样,我们就构建了一个基本的原生JavaScript滚动条插件,可以实现跨浏览器的竖直滚动条美化。通过结合CSS3和JavaScript,我们可以定制滚动条的样式、大小、颜色,甚至添加动画效果,以适应不同网站的设计风格,提升...

    JS去除iframe滚动条的方法

    在介绍JS去除iframe滚动条的方法之前,首先需要理解iframe元素在HTML中的作用。iframe元素代表了一个嵌入的网页,允许在一个HTML页面中嵌入另一个文档,这在多种场景下非常有用,比如页面中嵌入第三方应用的界面等。...

    JS简单判断滚动条的滚动方向实现方法

    本文实例讲述了JS简单判断滚动条的滚动方向实现方法。分享给大家供大家参考,具体如下: 以下代码实现判断页面的滚动条的滚动方向; var sign = 80;//定义默认的向上滚与向下滚的边界 [removed] = [removed] = ...

    js自定义滚动条插件

    JavaScript 自定义滚动条插件是一种用于美化网页默认滚动条,增强用户体验的技术。通过编写或使用已有的JS库,我们可以根据设计需求定制滚动条的颜色、形状、大小以及交互效果。这样的插件通常支持自定义滚动按钮的...

    原生js scrollbars滚动条插件设置浏览器竖直滚动条美化.rar

    原生JS(JavaScript)滚动条插件能够帮助开发者自定义和美化浏览器的默认滚动条,使其符合网站的整体风格。本资源包“原生js scrollbars滚动条插件设置浏览器竖直滚动条美化”提供了一套解决方案,专用于竖直滚动条...

    js模拟滚动条

    避免过度使用JavaScript滚动事件,因为频繁的滚动事件可能导致性能下降。可以使用`throttle`或`debounce`函数限制滚动事件的触发频率。 8. **测试与调试**: 对自定义滚动条进行充分的测试,确保在各种浏览器和...

    javascript滚动条

    JavaScript滚动条是一个重要的前端开发话题,它涉及到网页用户体验和页面交互设计。JavaScript允许开发者对浏览器的默认滚动行为进行自定义,以实现更加丰富和个性化的界面效果。在本项目中,"javascript滚动条"可能...

    js各种兼容滚动条

    ### 一、原生JavaScript滚动条 原生的HTML滚动条样式通常由浏览器默认控制,但在某些情况下,我们可能希望自定义滚动条的外观和行为。在JavaScript中,可以使用CSS伪元素`::-webkit-scrollbar`和`::-webkit-...

    JS模仿滚动条JS模仿滚动条

    默认滚动条虽然实用,但其样式往往与现代网页设计不协调,因此开发者有时会用JS来创建自定义滚动条。 实现JS模仿滚动条,通常涉及到以下几个关键步骤: 1. **隐藏默认滚动条**:使用CSS样式`overflow: hidden`或`...

    极好用又方便的js滚动条源码

    首先,js滚动条源码通常是通过JavaScript编程语言实现的自定义滚动条解决方案。相比于浏览器默认的滚动条样式,自定义滚动条可以提供更美观、更具交互性的体验。开发者可以调整滚动条的宽度、颜色、形状等属性,使之...

    一款效果很不错的JS滚动条

    标题中的“一款效果很不错的JS滚动条”指的是一个JavaScript实现的滚动条插件或库,它提供了优于浏览器默认滚动条的视觉效果和交互体验。在网页设计中,滚动条是必不可少的元素,尤其是在内容丰富的页面上,它帮助...

    javascript 实现滚动条滚动到一定距离时显示层

    javascript 实现滚动条滚动到一定距离时显示层 可以兼容全部浏览器。

    JS自定义滚动条,可以自定义很多类型的网页滚动条

    为了实现跨浏览器的JS自定义滚动条,我们可以借助JavaScript库,如Perfect Scrollbar、SimpleBar、Malihu Custom Scrollbar等。这些库通过监听滚动事件并模拟滚动行为,来实现自定义滚动条的功能。例如,Perfect ...

    js 模拟滚动条js 模拟滚动条js 模拟滚动条

    JavaScript(简称JS)提供了一种方式来实现这一功能,让我们深入探讨一下如何使用JavaScript来模拟滚动条。 首先,我们需要了解原生浏览器的滚动条是由浏览器自身控制的,其样式和行为通常无法直接修改。但在CSS3中...

    滚动条js代码

    JavaScript(简称JS)是一种强大的客户端脚本语言,可以用来实现各种动态效果,包括自定义滚动条。本文将深入探讨如何使用JavaScript来实现滚动条效果,以及相关的技术细节。 ### 1. 基本原理 滚动条的实现主要...

Global site tag (gtag.js) - Google Analytics