`
caiceclb
  • 浏览: 241953 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

javascript控制滚动条位置

JavaScript.netBlogHTML 
阅读更多

来源：http://blog.chinaunix.net/u1/40572/showart_417508.html

 

javascript控制滚动条位置 以下都是默认自动滚动到底部，需要滚动到顶部只需将document.body.scrollHeight换为0.

方法一：用scroll方法实现。

<body onload="document.body.scroll(0,document.body.scrollHeight) ">
<script>
document.write(new Array(100).join("<br>"))
</script>

方法二：用scrollBy方法实现。

<body onload="document.body.scrollBy(0,document.body.scrollHeight) ">
<script>
document.write(new Array(100).join("<br>"))
</script>

方法三：用scrollTo方法实现。

<body onload="document.body.scrollTo(0,document.body.scrollHeight)">
<script>
document.write(new Array(100).join("<br>"))
</script>

方法四：用赋值方法实现。

<body onload="document.body.scrollTop=document.body.scrollHeight">
<script>
document.write(new Array(100).join("<br>"))
</script>

分享到：
| IE和火狐中关于禁止选取文本
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js控制滚动条的位置

    通过监听链接点击事件并使用JavaScript控制滚动条位置，可以实现精准的页面跳转。 3. **响应式设计**：在不同设备和屏幕尺寸下，控制滚动条的位置有助于优化布局，确保重要内容始终处于可见区域，提升用户体验。 4...

    【JavaScript源代码】JavaScript 获取滚动条位置并将页面滑动到锚点.docx

    ##### 方法二：使用JavaScript控制滚动条 另一种常见的方式是通过JavaScript来直接控制页面的滚动行为。这种方式可以更灵活地实现各种复杂的滚动效果，比如平滑滚动、滚动到指定位置等。 示例代码如下： ```html ...

    外部滚动条控制iframe

    3. **同步iframe内部滚动位置**：在事件处理函数中，根据外部滚动条的位置，使用JavaScript设置iframe内部文档的滚动位置。这通常通过修改`iframe.contentDocument.body.scrollTop`或`iframe.contentWindow.scrollTo...

    保持页面滚动条位置的javascript代码

    这一功能对于提升用户体验非常重要，尤其是在长篇文档、论坛或博客等场景下，用户可能需要在阅读过程中进行其他操作，然后再回到阅读的地方，此时保存滚动条位置的功能就显得尤为必要。 ### 一、基本原理 在网页中...

    javascript实现滚动条

    滚动条是用户浏览超出视口内容的重要工具，而用JavaScript自定义或控制滚动条可以提供更加丰富的用户体验。 ### 1. 滚动事件 JavaScript提供了`scroll`事件，用于监听元素的滚动动作。当用户滚动页面或某个具有...

    Vue实现渲染数据后控制滚动条位置(推荐)

    这通常涉及到控制滚动条位置的技术。本文将详细讲解如何在Vue中实现在渲染数据后控制滚动条的位置。 首先，我们要了解基本的需求场景：一个聊天界面，当新的消息被发送时，如果消息数量过多导致滚动条出现，我们...

    控制滚动条的滚动Demo

    无论哪种编程语言或库，核心思路都是监听用户操作（例如按钮点击），然后调用相应的滚动方法来改变滚动条位置。为了使滚动效果平滑，还可以设置动画效果，让滚动过程看起来更加自然。 在Demo的实现过程中，可能还会...

    Ext中的Grid控制纵向滚动条单次滚动量

    在滚动事件触发时，我们计算出滚动的像素值与每一行高度的关系，从而确定要滚动的行数，并手动更新滚动条的位置。 请注意，这种方法可能需要根据具体的环境和需求进行微调，例如，考虑到不同浏览器可能对滚动事件的...

    javascript 滚动条实例

    例如，你可以用JavaScript来检测滚动条的位置，然后根据这个位置改变其他元素的样式或内容，创建交互式效果。 CSS则用于美化滚动条。在现代浏览器中，如Chrome、Firefox和Safari，可以通过`::-webkit-scrollbar`和`...

    滚动 条控制 滚动条控制

    2. 编程接口：在编程环境中，开发者可以通过API或事件监听来控制滚动条的行为，比如设置滚动位置、禁用滚动条等。 3. 自适应布局：现代UI设计中，滚动条通常会根据内容的多少和窗口大小自动调整其可见性和尺寸。 三...

    Javascript 获取滚动条位置等信息的函数

    总的来说，理解和掌握如何在JavaScript中获取滚动条位置对于开发交互性强、用户体验良好的网页应用至关重要。通过编写兼容各种浏览器的函数，我们可以确保我们的代码能在大部分用户环境中正常工作。

    纯JavaScript写的滚动条

    CSS提供了多种选择器和属性来控制滚动条的外观，例如： 1. **::-webkit-scrollbar**：这是Webkit内核浏览器（如Chrome和Safari）特有的CSS选择器，用于设置滚动条的整体样式。 2. **::-webkit-scrollbar-thumb**：...

    纯css控制内容随滚动条滚动，可放任意位置

    标题“纯css控制内容随滚动条滚动，可放任意位置”以及描述中的“纯CSS实现客服悬浮窗，随浏览器滚动而滚动。可任意自定义位置。代码简洁易懂。兼容一切主流浏览器”都指向了这一技术——固定定位（fixed ...

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

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

    javascript经典特效---滚动条的控制.rar

    1. **DOM（Document Object Model）访问**：首先，要控制滚动条，你需要获取到相关的DOM元素。例如，`document.getElementById('myDiv')`或`document.querySelector('.myClass')`可以选取指定ID或类名的元素，这些...

    JS控制滚动条联动

    在网页设计中，有时我们需要实现一...在压缩包中的"JS控制滚动条联动"文件中，应该包含了具体的示例代码和实现细节，你可以进一步参考学习。通过理解和实践这些知识点，你将能够创建出更加交互性和用户友好的网页应用。

    javascript windows式上下滚动条

    4. **模拟滚动条**：使用JavaScript，我们可以创建自定义的滚动条元素，并通过改变它们的大小和位置来反映实际的滚动位置。这些元素可以通过CSS定位在页面的边缘，以模仿原生滚动条的行为。 5. **处理滚动操作**：...

    jQuery实现将div的滚动条滚动到指定位置

    当需要控制div元素中的滚动条滚动到特定位置时，jQuery提供了一个简单易用的方法。本篇文章将深入探讨如何利用jQuery实现这一功能。 首先，我们需要了解几个基本概念： 1. **div**: 在HTML中，div（division）是一...

    element的el-table中记录滚动条位置的示例代码

    通常情况下，直接通过JavaScript的`scrollTop`属性赋值来控制滚动条位置，这种方法简单直接。但在一些特定的场景下，例如在组件缓存（例如使用keep-alive）时，可能会出现直接赋值不生效的问题。在这种情况下，可能...

    js模拟滚动条

    然后，为这个容器添加一个隐藏的原生滚动条，通过JavaScript来控制其显示和隐藏。 2. **JavaScript实现滚动条**： 使用JavaScript，我们可以监听滚动事件，例如`onscroll`，然后根据滚动位置更新我们自定义滚动条...

Magicbox
Global site tag (gtag.js) - Google Analytics