获取内层的滚动条位置

2024-10-19

js控制div内的滚动条的位置

通过div的scrollTop变动控制垂直滚动条位置. 通过div的scrollLeft变动控制水平滚动条位置. 示例: <body> //d1是外层div,带滚动条 <div id='d1' style='height:200px;width:100px;overflow:auto;background:blue;'> <div style='height:500px;width:500px;background:yellow'>2222</div> &l

用 Javascript 获取页面大小、窗口大小和滚动条位置

页面大小.窗口大小和滚动条位置这三个数值在不同的浏览器例如 Firefox 和 IE 中有着不同的实现.即使在同一种浏览器例如 IE 中,不同版本也有不同的实现. 本文给出两个能兼容目前所有浏览器的 Javascript 函数,能够获得这三个数值. 获取页面大小和窗口大小的 Javascript 函数函数 GetPageSize 能够获得页面大小和窗口大小.执行这个函数会得到一个包含页面宽度.页面高度.窗口宽度.窗口高度的对象. 这个函数还是很容易读懂的. 第一部分是获得页面的实际大小,通过一

document.documentElement.scrollTop(获取滚动条位置)

要获取当前页面的滚动条纵坐标位置,用:document.documentElement.scrollTop;而不是:document.body.scrollTop;documentElement 对应的是 html 标签,而 body 对应的是 body 标签. 在标准w3c下,document.body.scrollTop恒为0,需要用document.documentElement.scrollTop来代替;如果你想定位鼠标相对于页面的绝对位置时,你会发现google里面1000篇文章里面有

原生js--兼容获取窗口滚动条位置和窗口大小的方法

各个浏览器对获取获取窗口滚动条位置和窗口大小没有提供统一的API,以下是对其封装,解决兼容性问题 /** * 获取浏览器视口的大小(显示文档的部分) * */function getViewPortSize(){ // 除IE8及更早的版本以外的浏览器 if( window.innerWidth != null ){ return { w : window.innerWidth, h : window.innerHeight

javascript控制滚动条的位置，获取控件的位置

一.如下是定位鼠标在视窗中的位置,先定位视窗和页面直接的距离. function getMousePoint() { var point = {x:0,y:0}; // 如果浏览器支持 pageYOffset, 通过 pageXOffset 和 pageYOffset 获取页面和视窗之间的距离 if(typeof window.pageYOffset != 'undefined') { point.x = window.pageXOffset; point.y = window.pageYOff

jquery获取元素在文档中的位置信息以及滚动条位置（转）

jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886 原文链接原创 2017年12月08日 21:38:50 标签: jquery / 元素位置 / DOM文档 / 视口 57 获取元素在页面中的位置信息,包括页面的可是区域还有页面滚动条的位置. 元素的位置信息包括: 元素的大小 width和height 元素的 X轴距离和 Y轴距离 jQeury提供的方法有: off

WPF中获取TreeView以及ListView获取其本身滚动条的方法，可实现自行调节scoll滚动的位置(可相应获取任何控件中的内部滚动条)

原文:WPF中获取TreeView以及ListView获取其本身滚动条的方法,可实现自行调节scoll滚动的位置(可相应获取任何控件中的内部滚动条) 对于TreeView而言: TreeViewAutomationPeer lvap = new TreeViewAutomationPeer(treeView); var svap = lvap.GetPattern(PatternInterface.Scroll) as ScrollViewerAutomationPeer; var scroll

WebStorage记录滚动条位置

因关注公众号<HTML5学堂>看到这篇文章 "利用本地存储,记录滚动条的位置" ,便好奇敲来试试,然后又看了一些关于WebStorage的资料附上这篇文章的地址 https://mp.weixin.qq.com/s/z34GRUZvDU2hCbH6Kc_ZDA 与大家共勉. 在网上搜了一些记录滚动条位置的文章,大多是用cookie来记录,下边我就自己看到的资料与大家分析cookie与webstorage的区别. 优点缺点应用场景 Cookie 简单易用安全性差,

js 和 jquery 获取页面和滚动条的高度视口高度文档高度

js 和 jquery 获取页面和滚动条的高度 //页面位置及窗口大小 function GetPageSize() { var scrW, scrH; if(window.innerHeight && window.scrollMaxY) { // Mozilla scrW = window.innerWidth + window.scrollMaxX; scrH = window.innerHeight + window.scrollMaxY; } else if(documen

getBoundingClientRect() 来获取页面元素的位置

getBoundingClientRect() 来获取页面元素的位置 document.documentElement.getBoundingClientRect 下面这是MSDN的解释: Syntax oRect = object.getBoundingClientRect() Return Value Returns a TextRectangle object. Each rectangle has four integer properties (top, left, right,

用getBoundingClientRect()来获取页面元素的位置

以前绝大多数的使用下面的代码来获取页面元素的位置: [code="javascript"]var _x = 0, _y = 0;do{_x += el.offsetLeft;_y += el.offsetTop;}while(el=el.offsetParent);return {x:_x,y:_y};[/code] 这里有个"offsetParent"问题,所以要写很多兼容的代码,经过不懈的查找终于找到getBoundingClientRect():该方法获得页面

js设置滚动条位置

JS控制滚动条的位置: window.scrollTo(x,y); 竖向滚动条置顶(window.scrollTo(0,0); 竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight); JS控制TextArea滚动条自动滚动到最下部 document.getElementById('textarea').scrollTop = document.getElementById('textarea').scrollHeight; iframe中操作

DOM中获取宽高、位置总结

原生JS 一.文档.窗口的宽高和位置 // 获取屏幕的宽高 window.screen.height | window.screen.width // 屏幕可用工作区宽高 window.screen.availHeight | window.screen.availWidth // 浏览器窗口可见区域宽高 window.innerHeight ≍ document.documentElement.clientHeight window.innerWidth ≍ document.document

JavaScript实现页面刷新滚动条位置不变（利用cookie）

实验环境:vs2015 asp.net(C#) 主要原理: 1.在页面滚动时或点击按钮时将当前滚动条位置记录到cookie[pos], 2.页面刷新或重载时查询cookie[pos]中的值是否存在,若存在根据该值给滚动条定位 .aspx文件 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>

表格头部与左侧内容随滚动条位置改变而改变（基于jQuery）

效果图如下: HTML代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co

js--获取滚动条位置，并实现页面滑动到锚点位置

前言这篇来记录下最近工作中遇到的一个问题,在app原生和前端h5混合开发的过程中,其中一个页面是选择城市列表的页面,类似于美团饿了么城市选择,银行app中银行列表选择,通讯录中快速定位到联系人选择的锚点位置等这样的功能,作为刚入门不久的我来说,感觉这个功能还是有一点压力.下面我来分享一下我所查到的一些实现方法. 什么是锚点问题对于pc端网页来说,常见的网页右侧的回到顶部按钮,点击直接跳转到网页最上面,就是锚点的实现: 对于移动端来说,打开你手机的通讯录,点击右侧的字母,页面直接跳转到对应字母

sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback

sharepoint 2010 页面刷新时滚动条位置保持不变 Controlling scrollbar position on postback在sharepoint 2010中,如果当前页面的篇幅比较长,如何在拉动页面滚动条时,在刷新的条件下,保持滚动条位置,研究了一下,发现sharepoint 2010的母板页,和普通的asp.net页面有不太一样的地方,是通过一个属性document.getElementById("s4-workspace").scrollTop来控制的,以下

js 获取页面高度和宽度(兼容 ie firefox chrome),获取鼠标点击位置

getBoundingClientRect()来获取页面元素的位置”

getBoundingClientRect()来获取页面元素的位置” 获取的是一个对象; 延伸阅读; https://mp.weixin.qq.com/s?__biz=MzAxODE2MjM1MA==&mid=403029188&idx=2&sn=1088e273b855b75815edb2e7977a0513&scene=0&key=710a5d99946419d988a823a3f76c4dabc336d68c1e192697aba3d5cdba0fce0f3d

解决ASP.NET回传后div滚动条位置复位的问题

中心思想:用一个隐藏控件保存当前scorll值.回传回来后根据scrollTop的值,然后在Page_Load中重新设置scrollTop. 首先是为DIV添加一个 onscroll="javascript:setScollTop()" 的方法(当然不一定是DIV其他的标签思路应该也是这样的) <div style="overflow: auto; height: 152px" align="left" id="dvScoll_1

如何在 Windows Phone 8 中获取手机的当前位置

原文如何在 Windows Phone 8 中获取手机的当前位置适用于:仅限于 Windows Phone 8. 本主题演示如何使用 Windows Phone 位置 API 确定手机的当前位置.如果您的应用仅需要用户当时的位置,例如,记录某位置的用户,或进行基于位置的搜索,则这是用于获取位置的建议方法.相比使用持续跟踪,此方法对于手机电池寿命更为有利.如果您确实需要持续更新位置,请参见如何在 Windows Phone 8 中持续跟踪手机位置. 重要说明: 您必须在您的应用清单文件中包含

获取内层的滚动条位置

热门专题