CSS中的sticky定位有很好的浏览器支持，但许多开发者并没有使用它。原因有两方面：一是等待浏览器支持的时间太长，导致这个特性被遗忘；二是大部分开发者并不完全理解它的工作原理。

定位是一种更加高级的布局手段，通过定位可以将元素摆放到页面的任意位置，使用 position 属性来设置定位

在开发项目中时常有点击跳转滚动到锚点的需求，最简单的锚点定位就是给一个a标签，a标签的href = ‘#锚点’，然后给需要跳转的锚点一个id = ‘锚点’。参考最简单的锚点跳转实现方式，在React中使用useRef来实现跳转锚点的功能。

复杂的网页布局都是通过各种网页元素灵活定位实现的，网页中的各种元素定位都有自己的特点。下面我们来看一下css的几种定位方式。

浏览器的世界里本没有粘性定位事件。然而，网页开发中，元素若使用了粘性定位 position:sticky ，常常还需要一个粘性定位事件，比如，外卖菜单。

绝对定位指的是通过规定HTML元素在水平和垂直方向上的位置来固定元素，基于绝对定位的元素不会占据空间。相对定位与绝对定位的区别在于它的参照点不是左上角的原点，而是该元素本身原先的起点位置。

改变元素在页面中的位置:页面中元素的默认定位方式，默认文档流，从上往下，从左往右;当元素设置浮动后，该元素脱离默认文档流，后面的元素会上前补位。当前元素会在当前行，向左或者向右排列

网址必须为域名，不能用ip直接访问，否则手机浏览器直接拒绝改请求。iphone的浏览器（包括微信扫码进入网站） ，亲测调用 http 的网站是不能获取到经纬度的，是苹果手机安全的考虑，如果使用https网站的话

H5地理位置定位功能：首先判断用户浏览器是否支持该功能，目前大多数现代浏览器均支持，获取位置信息需用户授权同意;showPosition（）获取用户经度纬度;执行函数getLocation(),如果调用成功即可显示经度纬度，简单吧

一般地，说起定位元素是指position不为static的元素，包括relative、absolute和fixed。前面已经详细介绍过absolute绝对定位的基础和应用，这篇博客介绍和梳理相对定位relative和固定定位fixed的相关知识

XPath是一种在XML文档中定位元素的语言。因为HTML可以看作XML的一种实现， 所以Selenium用户可以使用这种强大的语言在Web应用中定位元素。

需求：点击跳转到页面指定位置.利用a标签的锚点跳转。1、利用a标签的锚点跳转，2、用js的scrollIntoView方法，3、获取id为test的元素距离父元素顶部的位置，即offsetTop， 改变父元素的scrollTop

在Web页面上，如果想模拟对话框效果，一般会给div元素添加position:fixed的样式来实现，然后给背景添加一个半透明的遮罩。你可以使用position:absolute样式来定义对话框，但是position:relative的元素出现的位置决定了对话框在页面中的绝对位置。

最近在写一个小程序，项目中遇到一个需求：页面滚动到tab切换菜单时，菜单fixed到页面顶部；使用小程序的onPageScroll事件，滚动到指定位置添加fixed样式；