`
hongtoushizi
  • 浏览: 376769 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

js实现将div等滚动条(scrollbar)保持在最底部的方法

    博客分类:
  • js
阅读更多

    总结了两种方法:

    1: div.scrollTop = div.scrollHeight;

    2:function setScrollLeft() { 

             with(window.document.body) { 

                   setAttribute("scrollLeft",1024); 

                   setAttribute("scrollTop",4000);

             }

        }

       setScrollLeft();

参考如下:

  1:http://www.shenlanit.com/articles/js-javascript-div-keep-scrollbar-button.html

  2: http://blog.csdn.net/lisliefor/article/details/3393976

分享到:
评论

相关推荐

    让DIV的滚动条自动滚动到最底部的3种方法(推荐)

    本文将详细介绍三种在XHTML或HTML5环境下,让DIV滚动条自动滚动到最底部的方法。 方法一:使用锚标记和模拟点击 这种方法利用HTML的锚点链接机制。首先,在DOM中设置一个锚点,然后在接收到新消息时,通过...

    elementUI滚动条,点击dom元素滚动到指定位置.pdf

    在这个例子中,我们使用 ElementUI 的 `el-scrollbar` 组件来实现滚动条的功能。 点击 DOM 元素滚动到指定位置 在这个例子中,我们使用 `@click` 事件来捕捉 DOM 元素的点击事件,并在点击时滚动到指定的位置。...

    javascript用层实现的滚动条效果

    在本文中,我们将深入探讨如何使用JavaScript来实现自定义的滚动条效果,以此来增强用户的浏览体验。 首先,我们要理解浏览器的默认滚动条是通过浏览器自身样式和行为实现的,而在某些情况下,我们可能希望自定义...

    vue进入页面时滚动条始终在底部代码实例

    在Vue.js应用中,有时我们需要实现一个功能,即当用户进入页面时,滚动条自动定位到页面底部。这种场景常见于聊天应用或者实时更新的信息流界面,用户打开页面时就能看到最新的内容。以下是一个详细的教程,指导如何...

    视频播放 ---滚动条的设置

    在“视频播放 ---滚动条的设置”这个主题中,我们将探讨如何在网页上自定义和控制视频播放器中的滚动条,以提供更直观、友好的界面。这里我们主要关注JavaScript的实现,特别是通过`jscroll.js`这个库来管理滚动条。...

    自定义滚动条兼容IE(含滚动时的回调函数)

    本篇文章将详细探讨如何实现一个兼容IE浏览器的自定义滚动条,并包含滚动时的各种回调函数。 首先,我们关注的是HTML和CSS在构建自定义滚动条中的应用。在CSS3中,我们可以使用`::-webkit-scrollbar`和`::-webkit-...

    控制图片左右滚动并带滚动条图片展示特效

    2. **自定义滚动条样式**:使用Webkit私有属性,如`::-webkit-scrollbar`和`::-webkit-scrollbar-thumb`来定制滚动条的颜色、大小等属性。例如: ```css #slider::-webkit-scrollbar { width: 10px; /* 滚动条...

    javascript滚动条

    JavaScript滚动条是一个自定义的实现,它允许开发者在网页中创建具有动态效果的滚动功能,而无需预先设定HTML元素(如div)的高度和宽度。这种技术对于创建响应式和交互性强的网页界面非常有用,因为它提供了更多的...

    文本垂直无滚动条滚动(jquery)

    在网页设计中,有时我们希望实现一种效果,即文本在垂直方向上滚动,但不显示滚动条,以保持页面的简洁美观。这个“文本垂直无滚动条滚动”功能主要依赖于JavaScript库jQuery来实现,它提供了高效且易于操作的DOM...

    JQuery滚动条式左右图片滚动展示特效

    在本文中,我们将深入探讨如何使用JQuery实现一个底部带有滚动条的图片展示特效,让图片可以进行左右拖动。这种特效广泛应用于网站中的焦点图、轮播图或产品展示区域,能为用户提供直观且有趣的浏览体验。 首先,...

    网博士phpweb产品模块下拉滚动条

    不过,需要注意的是,滚动条样式的支持在不同浏览器之间存在差异,所以可能需要使用JavaScript库(如Perfect Scrollbar或SimpleBar)来实现跨浏览器兼容的自定义滚动条。 JavaScript在下拉滚动条中的作用主要体现在...

    新增加的内容是如何将div的scrollbar自动移动最下面

    为了解决这个问题,我们需要通过JavaScript来实现div滚动条的自动移动。 首先,我们需要理解几个关键概念: 1. **div**: HTML中的`<div>`元素是块级元素,用于组织文档结构,可以设置样式并包含其他HTML元素。 2. ...

    最牛x的滚动插件 – jquery的iscroll插件

    iscroll还允许自定义滚动条样式,通过CSS类名`iScroll-scrollbar`和`iScroll-scrollbar-indicator`,你可以完全控制滚动条的外观和行为。 ### 性能优化 iscroll虽然已经很高效,但在某些复杂场景下,仍需进行优化...

    图片与JavaScript配合做出个性滚动条

    为了实现滚动条的交互,JavaScript可以使用`addEventListener`方法来绑定事件,如`mousedown`、`mousemove`和`mouseup`。当用户按下鼠标时,`mousedown`事件触发,记录下初始位置;在鼠标移动时,`mousemove`事件...

    vue2滚动条加载更多数据实现代码

    在Vue2中实现滚动条加载更多数据是一种常见的优化用户体验的技术,通常用于长列表或无限滚动的场景。这种技术可以减少初始页面加载时的数据量,提高页面加载速度,并且当用户滚动到页面底部时,动态加载更多数据。...

    fullPage.js插件.zip

    - `scrollBar`: 是否显示滚动条,默认为`false`,隐藏滚动条。 - `navigation`: 是否启用底部导航点,默认为`false`。 - `anchors`: 指定每个部分的锚点链接,用于URL的更新和页面跳转。 - `menu`: 指定与`anchors`...

    jQuery插件fullPage.js实现全屏滚动效果

    此外,还可以配置其他参数如 `scrollBar`(是否显示滚动条)、`anchors`(为每个部分设置锚点链接)等,以实现更丰富的交互效果。 ```javascript $(function() { $('#dowebok').fullpage({ sectionsColor: ['#1...

    fullpage.js

    - `scrollBar`: 是否显示滚动条,默认为`false`。 - `anchors`: 设置页面锚点,用于URL和导航。 - `menu`: 指定导航条元素ID,联动页面滚动。 - `navigation`: 是否开启底部导航条,默认为`false`。 - `...

    fullpage.js全屏分页

    - `scrollBar`:是否显示滚动条。 - `navigation`:是否开启导航栏。 - `anchors`:定义段落和滑块的锚点链接。 - `sectionsColor`:设置各段落的背景颜色。 - `loopTop`/`loopBottom`:是否循环滚动至顶部或底部。 ...

Global site tag (gtag.js) - Google Analytics