定位
-
移动端布局fixed问题解决方案
今天测试忽然提了一个bug,关于position:fixed的问题,一般情况下使用并没问题,当页面出现表单时,由于弹出键盘,整个页面会出现布局错位问题,或者含有fixed的模块会空白(ios11比较明显),经过几个小时的各种尝试,最后不得不放弃fixed的布局,重新采用flex布局,另外补充一句在移动端布局的时候能不用浮动尽量别用。项目用的是sass,为了考虑兼容性,特意整理了一份flex的功能函数模块/* * ========================================...
-
Html5获取地理位置应用--webApp定位当前城市接口
在做移动端开发中,难免会使用使用地理位置这一项功能,然而在原生的Html5中的navigator.geolocation,只能获取经纬度。 用法: navigator.geolocation 兼容高版本浏览器 .getCurrentPosition(fnSucc,fnFail) 必须要用于允许 &nb...
-
原生JS获取元素位置
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>获取元素在页面中的位置</title> <style type="text/css"> *{margin: 0; padding: 0;} #box{...
-
offsetParent与parentNode的区别
offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素。 如果这个容器元素未进行CSS定位, 则offsetParent属性的取值为根元素的引用。 总的来说两条规则: 1、如果当前元素的父级元素没有进行CSS定位(position为absolute或relative),offsetParent为body。...