js定位div坐标存入mysql_用JS将页面定位到某个位置（DIV）

使用Javascript自动将页面滚动到指定位置

下面我们就来讲解一下如何使用Javascript自动将页面滚动到指定位置。

指定需要滚动的位置

这一步很简单，就是需要给滚动到指定位置的元素加上id属性，如下：

天一广场

使用Javascript自动将页面滚动到指定位置

脚本如下：

这就完成了我们的需求，经测试兼容所有主流浏览器。

我也查阅了网上的一些资料，有的朋友说还有如下方式实现：

我也对上面的方法进行了测试，发现使用javascript中的window.scrollBy()存在一个问题：每刷新一次页面，滚动距离顶部的高度都会比上次递增我们定义的scroll_y值。

所以还是建议大家使用window.location.hash方法来自动将页面滚动到指定位置。

window.location 对象属性介绍：

Location 对象属性

属性　　　　　　　　　描述　　　　IEFO

hash设置或返回从井号 (#) 开始的 URL(锚)。419

host设置或返回主机名和当前 URL 的端口号。419

hostname设置或返回当前 URL 的主机名。419

href设置或返回完整的 URL。419

pathname设置或返回当前 URL 的路径部分。419

port设置或返回当前 URL 的端口号。419

protocol设置或返回当前 URL 的协议。419

search设置或返回从问号 (?) 开始的 URL(查询部分)。419

Location 对象方法

属性描述IEFO

assign()加载新的文档。419

reload()重新加载当前文档。419

replace()用新的文档替换当前文档。419

History 对象

History 对象包含用户(在浏览器窗口中)访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

History 对象属性

属性描述IEFO

length返回浏览器历史列表中的 URL 数量。419

History 对象方法

方法描述IEFO

back()加载 history 列表中的前一个 URL。419

forward()加载 history 列表中的下一个 URL。419

go()加载 history 列表中的某个具体页面。419

History 对象描述

History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因，History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有 back()、forward() 和 go() 方法。

js定位div坐标存入mysql_用JS将页面定位到某个位置（DIV）相关推荐

js定位div坐标存入mysql_JavaScript与Div 对层定位和移动获得坐标
1:移动图层获得点的x轴y轴坐标,从而进行绝对定位(注意:竖拉框会影响 x 轴 y 轴坐标值) var x,y,z,down=false,obj function init(){ obj=event ...
JS获取页面鼠标点击位置的坐标
本来想通过JS实现当前页面对其他页面的操作,在网上发现了这段js代码,先保存下来,可以获取页面鼠标点击位置的坐标. <html> <body> <script> f ...
js下拉 selenium_selenium 难定位元素，时间插件，下拉框定位，string
1.元素定位 ID定位元素: findElement(By.id("")); 通过元素的名称定位元素: findElement(By.name("")); 通过 ...
CSS／JS 实现滑动页面，到一定位置，position 定位设置为fixed,否则用absolute;
当我滚动页面的时候,在可视区域的时候,我想让顶部的导航区域随着我页面的滚动一起滚动,但是当页面移动到一定位置的时候,如果还是使用postion:alsolute:来进行定位的话,顶部导航就回随着我页面 ...
JS实现腾讯地图搜索信息下拉以及定位...
看api搞了几个小时,废话不多说,上图上代码搜索下拉信息以及定位: 图片: 代码: <!DOCTYPE html> <html> <head> <meta ...
div中加载html js,Div里面载入另一个页面的实现(Ajax取代框架)
随着框架越来越不火了,HTML5就不对框架支持了,iframe也只有url了,Div就担当了此大任 DIV+CSS在页面部局确实也很让人满意,使用也更方便今天突然遇到一个问题,那就是需要导入另一个页 ...
html div画圆有什么用,圆形div栏，用于评级html5 js(Circle div bar for rating html5 js)
圆形div栏,用于评级html5 js(Circle div bar for rating html5 js) 嗨我在我的页面中使用了一个条形评级系统,它通过一个非常简单的PHP代码按百分比显示use ...
selenium与js联动实现页面定位及删除页面元素的操作问题
在用selenuim爬取网站的过程中常常需要进行下拉条操作,在python中使用js联动是非常好的一个解决方法 # 定位到页面最底部 js = 'window.scrollTo(0, document ...
[DIV/CSS] 用CSS和JS打造一个简单的图片编辑器
本文主要是利用CSS的 filter和简单的Jquery代码来实现一个简单的图片编辑器,包括对图片的透明度,黑白,图片亮度等调节. CSS filter 我们首先来探讨一下filter. 首先来说明一 ...
各系地图坐标互相转换【JS版和Java版】
各系地图坐标互相转换[JS版和Java版] 坐标说明 1.(地球坐标)美国GPS使用的是WGS84的坐标系统,以经纬度的形式来表示地球平面上的某一个位置. 2.(火星坐标)我国,出于国家安全考虑,国内 ...

js定位div坐标存入mysql_用JS将页面定位到某个位置（DIV）

js定位div坐标存入mysql_用JS将页面定位到某个位置（DIV）相关推荐

最新文章

热门文章