可视区

移动端虚拟键盘遮挡页面输入框等元素的解决方案

Element.scrolltoView()Element.scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域内。
Cherry丶小丸子·2022-02-03 00:45

js-图片跟随鼠标移动

事件的兼容性代码varevt={//window.event和事件参数对象e的兼容getEvent:function(evt){returnwindow.event||evt;},//可视区域的横坐标的兼容代码
AssertDo·2022-02-02 23:40

把可滚动区域中-某个子元素平滑滚动到可视区域正中间位置

如何把可滚动区域中-某个子元素平滑滚动到可视区域正中间位置不废话，直接上公式：//parentEl代表父元素，也就是设置了overflow为可滚动的元素//childEl代表需要滚动到父元素正中间的直接子元素
·2022-01-11 18:06

gojs一些实用的高级用法

目录1.取消更新动画2.导出图（含可视区外的部分）3.禁用ctrl相关快捷键4.画布滚动模式，无限滚动or局部滚动5.展开收起多层嵌套的组6.给图元素加动画7.修改框选的样式1.取消更新动画问题：更新数据的时候
·2022-01-02 10:28

微信小程序虚拟列表的应用实例

就只指渲染可视区域内的标签，在滚动的时候不断切换起始
·2021-12-28 17:37

js 判断元素是否在可视区域

isElementInViewport(el){//获取元素是否在可视区域varrect=el.getBoundingClientRect();return(rect.top>=0&&rect.left
·2021-12-24 15:56

JavaScript三种常用网页特效详解

目录1元素偏移量offset系列1.1offset概述1.2offset与style的区别2元素可视区client系列3元素滚动scroll系列1元素偏移量offset系列1.1offset概述offset
·2021-12-22 12:43

JavaScript实现三种常用网页特效(offset、client、scroll系列)

目录一、元素偏移量offset系列二、元素可视区client系列三、元素滚动scroll系列一、元素偏移量offset系列offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置
·2021-12-22 12:08

听说你还不会虚拟列表？原谅我来晚了

什么是虚拟列表虚拟列表是指对列表的可视区域进行渲染，对非可见区域不渲染或部分渲染，从而极大提高渲染性能的一种技术。
·2021-12-06 10:00

javascrip高级前端开发常用的几个API示例详解

举个例子图片懒加载无限滚动getComputedStyle()API与style的异同getBoundingClientRectAPI应用场景1、获取dom元素相对于网页左上角定位的距离2、判断元素是否在可视区域内
·2021-11-25 16:09

一次doctype踩坑记录

在学习图片懒加载几个版本的实现对比的时候，自己写个例子：代码发现document.documentElement.clientHeight拿到的高度居然很高，不是视窗可视区域的高度，而是所有item之和的高度
别过经年·2021-11-10 15:25

offsetX各种值总结

坐标位置pageY:页面Y坐标位置screenX:屏幕X坐标位置screenY:屏幕Y坐标位置clientX:鼠标的坐标到页面左侧的距离clientY:鼠标的坐标到页面顶部的距离clientWidth：可视区域的宽度
陌少臣·2021-11-09 21:00

offset、client、scroll 区别以及常见属性

元素偏移量offset系列概念offset就是偏移量，相关属性可以实现动态得到该元素的位置（偏移）、大小等；常见系列属性offset与style的对比元素可视区client系列概念client系列的相关属性来获取元素可视区的相关信息
·2021-11-04 11:50

移动端、PC端 网页特效

文章目录移动端网页特效触屏事件classList属性常用开发插件PC端网页特效偏移量系列offset可视区系列client滚动系列scroll动画原理移动端网页特效触屏事件移动端浏览器兼容性较好，不需要考虑以前
YuLong~W·2021-10-10 13:39

原生JS利用transform实现banner的无限滚动示例代码

使用gIndex记录当前可视区域的展示的是哪张图片下标，每次更换，计算下一张图片的下标。通过requestAnimationFrame实现一次图片切换的动画。这种方
·2021-09-24 13:39

鼠标事件中的位置相关的属性ScreenX,ClientX,pageX,layerX,offsetX

定义鼠标事件中属性和键盘相关的属性srceenX（通用属性）相对于屏幕左上角的位置clientX（通用属性）相对于浏览器的可视区域（浏览器窗口左上角），不包括滚动条pageX（非标准属性，IE9以上支持
YoungEvita·2021-09-01 21:42

Vue3.0实现原生高度可自定义菜单组件vue3-menus

vue3-menusVue3.0自定义右键菜单Vue3.0原生实现完全自定义右键菜单组件,零依赖，可根据可视区域自动调节显示位置，可支持插槽完全重写每一项菜单在线演示完整菜单功能演示复制粘贴演示快速安装
·2021-08-29 20:44

纯CSS绘制图形的三种方法

绘制图形第一种方式：使用裁剪可视区的方式显示clip-path该属性使用裁剪方式创建元素的可显示区域，区域内的显示，区域外的不显示。
chen_cheng·2021-08-17 14:28

Unity ScrollView实现无限循环效果

为此，使用只创建可视区一共显示的个数，加上后置准备个数。由
·2021-07-27 21:58

再看meta:vp

width是指可视区域宽度,如果不设置,每个设备厂商各有不同device-width是指设备的理想宽度就是物理象素/缩放比例'px'其实就等同于其它平台的'pt''dp'不表示具体的大小,只是表示逻辑上的一个单位
panw3i·2021-06-24 01:32

js 实现瀑布流布局

仿照淘宝实现瀑布流实现的效果图如下(以iphone6/7/8以及ipadpro为例):实现思路：利用绝对定位进行布局定义gap（上下左右的间距）先计算出列数(columnNum)即网页的可视区域的宽度(
·2021-06-23 17:29

js 实现瀑布流布局

仿照淘宝实现瀑布流实现的效果图如下(以iphone6/7/8以及ipadpro为例):实现思路：利用绝对定位进行布局定义gap（上下左右的间距）先计算出列数(columnNum)即网页的可视区域的宽度(
·2021-06-23 17:14

基于layer的图片弹出展示,默认原大小展示。图片太大则等比例缩小。

图片大于浏览器时下窗口可视区域时，进行等比例缩小。*config.src图片路径。必须项*default_config.height图片显示高度，默认原大小展示。
落小花cc·2021-06-23 02:38

TouchEvent相关的对象以及属性

一个触点{screenX:511,screenY:400,//触点相对于屏幕左边沿的Y坐标clientX:244.37899780273438,clientY:189.3820037841797,//相对于可视区域
菜鸟的旅行日记·2021-06-23 00:00

iOS 面试全方位剖析 -- UI视图篇(一)

请往下看会讲解的内容UITableView相关事件传递&视图响应(一)图像显示原理卡顿&掉帧绘制原理&异步绘制离屏渲染(二)UITableView相关重用机制数据源同步重用机制这里A1到A7视为同一个标识符，虚线是可视区域
PetitBread·2021-06-22 15:34

原生 JS 实现最简单的图片懒加载

懒加载什么是懒加载懒加载其实就是延迟加载，是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而不一次性加载所有图片，当需要显示的时候再发送图片请求，避免打开网页时加载过多资源。
grain先森·2021-06-22 09:34

Vue 图片懒加载 之 Vue-Lazyload

比如一个图片在没有出现在可视区域内，就已经加载当页面里了,但只有滚动页面下方式才能看见,则可以认为这个图片加载的"过早"了。
为光pig·2021-06-21 23:21

vue 窗口拖拽事件v-drag(并且控制不超出屏幕可视区/解决频繁拖拽滞后问题)

//定位最好用absoulte或者fixed,relative极大几率不生效exportdefault{name:'modalBlock',props:{},data(){return{}},directives:{drag(el){el.style.cursor='move'el.onmousedown=function(e){vardisx=e.pageX-el.offsetLeft;vard
熊xing·2021-06-21 16:50

html的meta(待完善)

meta标签用于设置字符集用于告诉搜索引擎，你网页的关键字用于告诉搜索引擎，你网站的主要内容用于设计移动端网页（页面可视区大小等于手机尺寸）用于搜索引擎爬虫的索引方式用于标注网页的作者
我的天气很好啦·2021-06-20 19:52

vue动态监听浏览器窗口高度

return{clientHeight:'',}}mouted(){this.clientHeight=`${document.documentElement.clientHeight}`;//获取浏览器可视区域高度
小李不小·2021-06-15 03:03

【前端优化】js图片懒加载及优化

所以对于图片过多的页面，可以为了加速页面加载速度，很多时候我们需要将页面内未出现的可视区域内的图片先不加载，等到滚动到可视区的时候录再
编程小世界·2021-06-12 23:08

CSS

对于高度满屏应用：htmlhtml{height:100%;overflow：hidden；}使页面html元素的高度总是与可视区域大小一致默认情况下，html是位于viewport包含块中
_贺瑞丰·2021-06-11 23:49

react-virtualized(可视区域List)组件的使用

1:组件地址https://github.com/bvaughn/react-virtualized1:添加依赖npminstallreact-virtualized--saveES6,CommonJS,andUMDbuildsareavailablewitheachdistribution.Forexample://Mostofreact-virtualized'sstylesarefuncti
懿轩加油·2021-06-09 15:05

如何实现一款轻量级的可视化画布引擎

在很多定制化的可视化场景中，拖拽、缩放、全屏操作必不可少，尤其对于业务复杂的可视化需求，当画布内容足够多，可视区域显示不下时，就需要借助缩略图来一览全局。
Perkin_·2021-06-08 10:57

Vue自定义指令实现图片懒加载

什么是图片懒加载进入页面的时候，只请求可视区域的图片资源懒加载原理图片的标签是img标签，图片的来源主要是src属性，浏览器是否发起加载图片的请求是根据是否有src属性决定的。
欢欣的膜笛·2021-06-07 02:47

react-native 组件说明整理

SafeAreaViewSafeAreaView的目的是在一个“安全”的可视区域内渲染内容。
追逐繁星D孩子·2021-06-06 02:13

布局流程

为了提高网页制作的效率，布局时通常需要遵守一定的布局流程，具体如下：1.确定页面的版心（可视区）。2.分析页面中的行模块，以及每个行模块中的列模块。3.制作HTML结构。
木子9268·2021-06-05 05:04

css3自适应布局单位vw,vh

视口单位(viewportunits)在pc端视口指的是浏览器的可视区域而在移动端,它涉及3个视口:LayoutView(布局视口)，VisualViewport(视觉视口)ldealviewport(
sunny2009day·2021-06-04 18:54

iOS 百度地图截屏

截屏方法如下/***获得地图当前可视区域截图*@return返回view范围内的截取的UIImage*/-(UIImage*)takeSnapshot;/***获得地图区域区域截图*@return返回指定区域的截取的
SunnyLeong·2021-06-04 08:23

浏览器的宽高获取

认识一下浏览器这里有几个元素，我们拆分开：浏览器(不包含底边任务栏的）浏览器显示内容的，不包括浏览器中的导航栏和搜索框等的浏览器的内容区域，不包括旁边滑动栏的浏览器的内容可视区域，不包括旁边滑动栏的以及需要下滑的内容区域的其实归根结底
李卓书·2021-05-28 10:25

使用react-virtualized实现图片动态高度长列表的问题

虚拟列表是一种根据滚动容器元素的可视区域来渲染长列表数据中某一个部分数据的技术。
·2021-05-28 10:47

vue实现tab标签(标签超出自动滚动)

当创建的tab标签超出页面可视区域时自动滚动一个tab标签距离，并可手动点击滚动tab标签，实现效果请看GIF图效果预览GIF图添加>>{{item.meta.title}}{{actionName}}
·2021-05-25 13:56

viewport视口简单介绍和em及rem区别

viewport(视口)就是设备上用来显示网页的那一块区域，但是viewport一般不局限于可视区域的大小，更多情况下都要比可视区域要大。
丶灰太狼他叔·2021-05-21 03:10

长列表优化(虚拟列表)实践

介绍长列表优化是一个常见的问题，简单来说就是服务一下给你返回一万条数据，前端如果真的全部渲染出来，性能将是一个无法想象的问题；怎么做到只渲染可视区以及附近那几条数据的渲染，其他区域不渲染是一个前端问题，
Wang-ccnu·2021-05-19 20:57

使用jQuery判断页面中某个元素是否在可视区范围内

oDiv.offset().top+oDiv.outerHeight()))||((oWin.scrollTop()+oWin.height())可视区范围内
记忆是条狗·2021-05-18 06:37

IntersectionObserver API 使用教程

http://www.ruanyifeng.com/blog/2016/11/intersectionobserver_api.html判断元素是否在可视区域内：方法一：functionisInSight
__越过山丘__·2021-05-18 00:48

React虚拟列表的实现

2.什么是虚拟列表最简单的描述：列表滚动时，变更可视区域内的渲染元素。通过[单条数据预估高度]计算出[列表总高度]和[可视化区域高度]。并在[可视
·2021-05-17 13:41

screenX、clientX、pageX, offsetX；offsetWidth与offsetLeft的区别

鼠标点击位置相对于电脑屏幕左上角的水平偏移量screenY：鼠标点击位置相对于电脑屏幕左上角的垂直偏移量2、clientX和clientY参照点：浏览器内容区域左上角clientX：鼠标点击位置相对于浏览器可视区域的水平偏移量
弦生_a3a3·2021-05-17 07:07

聊一聊JQuery中的图片懒加载

因为随着页面的滚动，新出现在可视区域的图片，有一个由加载状态或白屏状态变为图片的过程。而我们称这一个过程为图片懒加载。  为什么会有图片懒加载呢？举例来说：一个页面上有很多图片，但
IrisLong·2021-05-13 17:42

钉钉内web页面安卓手机键盘遮挡输入框

最近用户提出安卓部分手机，输入信息时候，键盘遮挡输入框解决问题历程：网上各种搜索‘安卓键盘遮挡输入框，各种尝试，然而并不适用，只能自己解决解决方案：元素位于屏幕1/2以下，这时需要手动滚动页面，让元素当键盘弹出时位于可视区域
暖lily·2021-05-12 15:25
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他