iframe 上下滚动条如何默认在下方实现原理_基础知识

问题：iframe 上下滚动条如何默认在下方，做的是聊天工具，数据多了，每次刷新出现的上下滚动默认在上方，还需下拉到下面才能看到聊天记录，有办法让它出现在下方吗?
答案：直接在iframe里写window.scrollTo(0,9999999)或者设置div等容器的scrollTop

复制代码 代码如下:

document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight
window.scrollTo(0,9999999)

这个是解决了在下方，但是有新信息后，滚动条不会自动到下方，我是希望像qq聊天窗口一样，有新内容了，自动到最下方，应该如何来解决呢？

那就应该判断当前生成的内容是什么位置，即它的top或者margin-top是多少，再设置滚动条的高度，这个就可以了，每次生成就调用一下滚动条的高度变化，每次得到的新数据后，再调用 window.scrollTo(0,9999999)这个方法，就可以解决这个问题了！

时间： 2024-10-12 20:41:59

iframe 上下滚动条如何默认在下方实现原理_基础知识的相关文章

自定义右键属性覆盖浏览器默认右键行为实现代码_基础知识

复制代码 代码如下: function $(id) { return document.getElementById(id); } $('test').oncontextmenu=function() { return false; }; 这样就可以给指定的元素自定义右键菜单

探讨JavaScript中的Rest参数和参数默认值_基础知识

Rest 参数 通常,我们需要创建一个可变参数的函数,可变参数是指函数可以接受任意数量的参数.例如,String.prototype.concat 可以接受任何数量的字符串作为参数.使用 Rest 参数,ES6 为我们提供一种新的方式来创建可变参数的函数. 我们来实现一个示例函数 containsAll,用于检查一个字符串中是否包含某些子字符串.例如,containsAll("banana", "b", "nan") 将返回true,contai

深入学习JavaScript中的Rest参数和参数默认值_基础知识

本文将讨论使 JavaScript 函数更有表现力的两个特性:Rest 参数和参数默认值.Rest 参数 通常,我们需要创建一个可变参数的函数,可变参数是指函数可以接受任意数量的参数.例如,String.prototype.concat 可以接受任何数量的字符串作为参数.使用 Rest 参数,ES6 为我们提供一种新的方式来创建可变参数的函数. 我们来实现一个示例函数 containsAll,用于检查一个字符串中是否包含某些子字符串.例如,containsAll("banana", &

举例说明如何为JavaScript的方法参数设置默认值_基础知识

你是否遇到过这样的情况,写了个function,无参数.   function showUserInfo(){ alert("你好!我是小明."); } function showUserInfo(){ alert("你好!我是小明."); } 调用:   showUserInfo(); showUserInfo(); 后来,发现其他地方也需要这个function,但是有变量值已经在function里面写死了,怎么办?加个参数吧.   function showUs

Javascript中的默认参数详解_基础知识

一些语言--像Ruby,CoffeeScript及即将到来的javascript版本--在定义一个函数的时候,可以声明默认参数,像下面这样: 复制代码 代码如下: function myFunc(param1, param2 = "second string") {     console.log(param1, param2); } // Outputs: "first string" and "second string" myFunc(&q

js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件_基础知识

1. event.preventDefault();  -- 阻止元素的默认事件. 注:a元素的点击跳转的默认事件 , button,radio等表单元素的默认事件 , div 元素没有默认事件 例: 复制代码 代码如下: <a href="http://www.baidu.com" target="_black">百度</a> 复制代码 代码如下: var samp = document.getElementByTagName("

效果-iframe 滚动条如何固定在下方

问题描述 iframe 滚动条如何固定在下方 iframe 滚动条如何固定在下方,类似qq聊天信息!现在效果信息过来滚动条就到上变了,看不到下边刚过来的数据!请大神指教. 解决方案 自动滚动http://blog.csdn.net/starnight_cbj/article/details/2908955

ios-关于设置滚动条的默认值

问题描述 关于设置滚动条的默认值 如何在每次应用返回背景时设置滚动条的默认值? 滚动条如下: - (IBAction)slider1:(id)sender { UISlider *slider = (UISlider *)sender; //declare slider NSLog(@"%f",slider.value; } 如何设置? 解决方案 添加 observer 到 UIApplicationWillEnterForegroundNotification [[NSNotific

android studio linearlayout 默认布局下方默认留白

问题描述 android studio linearlayout 默认布局下方默认留白 在android studio内建立一个Layout resouce file ,默认采用linearlayout布局 ,生成的页面底部会出现3像素的留白,请问如何处理 ![图片说明]![图片说明](http://img.ask.csdn.net/upload/201506/14/1434248456_833933.png) 解决方案 运行出来之后效果图是怎么样?android studio那个预览图未必准,