使Div滚动条始终处于底部

<!DOCTYPE html PUBLIC>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript">

function add() {

var now = new Date();

var nowtime = now.getFullYear()+‘/‘+(now.getMonth()+1)+‘/‘+now.getDate()+‘  ‘+now.getHours()+‘:‘+now.getMinutes()+‘:‘+now.getSeconds();

var div = document.getElementById(‘scrolldIV‘);

div.innerHTML = div.innerHTML + ‘<div style="height:20px">当前时间:  ‘ + nowtime + ‘<div/>‘;

div.scrollTop = div.scrollHeight;}

</script>

</head>

<body>

<div id="scrolldIV" style="overflow:scroll; height: 100px; width: 400px; border: 1px solid #999;"></div>

<input type="button" value="显示时间" onclick="add();">

</body>

</html>

时间： 2024-10-15 20:29:55

使Div滚动条始终处于底部的相关文章

使页面中得滚动条始终在底部

<div id="content" style="width:100%;height:100px;border:1px solid #ccc;overflow-y: auto;margin-top:20px;margin-bottom:20px;"> <!--内容显示框--> </div> <div> <input type="text" value="" id="

div滚动条始终拉到最下面

之前一直使用jQuery进行操作. 最近遇到这样的需求,要求div的滚动条始终在最下面. div的id为test: 使用$("#text").scrollTop = $("#text").scrollHeight; 来进行控制.发现不起作用. 后来根据大佬的使用原生的dom获取 var divscll = document.getElementById('myby');  divscll.scrollTop = divscll.scrollHeight; 发现可用.

Java swing 如何让垂直滚动条始终在最下面

见图说话: 上图中箭头所指的是一个JTextPane JTextPane 被包在JScrollPane 中 //执行结果显示窗口 resultTextPane = new AssistPopupTextPane(); resultTextPane.setContentType("text/html; charset=UTF-8"); resultTextPane.setEditable(false); DefaultCaret caret = (DefaultCaret)resultT

jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部

转自:http://blog.163.com/[email protected]/blog/static/1284651702010894509982/ 关于 jQuery 的 Div 标签的滚动条的概念,没有几个人能够完全.正确搞明白的. 我知道很多人不同意我的观点.但是如果去百度上搜素,与 jQuery 滚动条有关的信息,都是关于滚动条外观和滚动条插件的.我最近在制作一个滚动条相关的页面效果,去 CSDN 论坛里提问,得到了一段代码,还是错误的. jQuery 里和滚动条有关的概念很多,但是

知识点：整个div而言如果判断滚动条滚动到底部

上篇文章解决的是整个document如果判断滚动条滚动到底部,那么对于文档中的div如果判断div元素滚动条滚动到底部呢? 针对这个问题,结合上文的思路,作者做了测试,经过几轮代码修正和迭代解决了这个问题. 代码如下: <div id="outer"> <div id="inner"> 90908080 </div> </div> <script type="text/javascript"&

jquery入门 动态调整div大小，使其宽度始终为浏览器宽度

有时候我们需要设置宽度为整个浏览器宽度的div,当然我们可以使用相对布局的方式做到这一点,不过我们也可以用jquery来实现. <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> <script src="jquery-1.11.1.min.js"></script>

jQuery实现滚动条一直处于最底部

相信大家有时候在展示一些实时数据展示并且数据量很大的时候,因为无法在同一页面看到最有效的数据,所以我们需要将滚动条至于底部,以便我们看到最需要的数据和信息:这里很明显的例子那拿windows的ping来说吧,当我们长ping的时候,这时候数据会越来越多,而且还是累加的,新数据又全部在后面,所以这个时候让滚动条一直处于底部就大有作为了! 大伙可以看一下,在windows的cmd中执行ping 地址 -t,这时候就会一直ping,刚开始的时候,数据可能比较小,同一屏就能看到 但时间一长,数据就越来越

Selenium2+python自动化26-js处理内嵌div滚动条

前言 前面有篇专门用js解决了浏览器滚动条的问题,生活总是多姿多彩,有的滚动条就在页面上,这时候又得仰仗js大哥来解决啦. 一.内嵌滚动条 1.下面这张图就是内嵌div带有滚动条的样子,记住它的长相. 2.页面源码如下:(老规矩:copy下来,用文本保存下来,后缀改成.html,用浏览器打开) <!DOCTYPE html><meta charset="UTF-8"> <!-- for HTML5 --><meta http-equiv=&qu

FireFox火狐浏览器与IE兼容问题 - 透明滤镜 DIV滚动条

问题一:最简单的鼠标移过手变型的css要改了 cursor:pointer;/*FireFox(火狐)不支持cursor:hand*/ dw8下面自动出来的也没有hand这个属性了,标准的是pointer 问题二:FireFox(火狐)不支持滤镜 最常见的半透明不支持. filter: Alpha(Opacity=50); /* for IE */ opacity: .5;/* for Firefox */ style="-moz-opacity:0.5; filter:alpha(opacit