可视区

jQuery与原生js如何获取文档的高度、可视区域高度以及滚动条距页面顶部的高度

document).height()整个文档的高度document.body.scrollHeight或者document.documentElement.scrollHeight浏览器所有内容高度2.获取浏览器可视区域高度
document_write·2020-08-09 04:17

js检测页面上一个元素是否已经滚动到了屏幕的可视区域内

应用场景：只要页面加载了，其中在页面中出现的li就向控制台输出第几个发送请求；在本次加载的页面中，再将滚动条滚回前边的li，不再向控制台输出东西，也就是说已经显示过的li，不再向控制台输出东西。00010002000300040005000600070008000900010000110001200013000140001500016000170001800019000200002100022思路
ayxh0071·2020-08-09 04:58

Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内

Element.scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域内语法element.scrollIntoView();//等同于element.scrollIntoView(
anhumi4350·2020-08-09 04:26

获取网页可视区域的宽高，不包括工具栏和滚动条（浏览器窗口可视区域大小）...

1.对于IE9+、chrome、firefox、Opera、Safari：window.innerHeight浏览器窗口的内部高度；window.innerWidth浏览器窗口的内部宽度；2.对于IE8.7.6.5:document.documentElement.clientHeight:表示HTML文档所在窗口的当前高度；document.documentElement.clientWidth
ahu2331·2020-08-09 04:53

让当前的元素滚动到浏览器窗口的可视区域内

前言：在我们的开发过程中有时候我们需要在页面初始化的时候就把某个元素定格在我们的可视区内，或者是点击导航下的分级导航定格到页面的某个元素的。
是令狐啊·2020-08-09 04:12

移动端开发中android手机输入框获取焦点，软键盘弹出会遮挡表单如何解决

二、需求分析这种问题出现在android手机上，当输入框在可视区域底部或者偏下的位置，输入框获取焦点弹出软键盘，软键盘覆盖表单页面中的输入框。这个也是android手机经常遇到的问题。
旧城tk·2020-08-09 01:22

实现element-ui对话框可拖拽功能

很多大神给出的代码是没有解决边界问题的，但是不解决边界问题存在一个bug，拖到不可视区域后边再也拖不回来了，不信你们可以试试。
njit_peiyuan·2020-08-09 00:05

独家 | AutoFlip：智能化视频剪裁的开源框架（附链接）

为此需要对视频画面进行剪裁，传统的做法涉及到静态剪裁，例如，选定好可视区域，然后把区域外的内容全部
数据派THU·2020-08-08 21:03

文本框（input，textarea）等的大小随内容自适应

scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。
摇曳的精灵·2020-08-08 19:43

关于用隐藏文字（图片替换文字）的更好的可用性方法

显而易见，如果图片由于某些原因未加载的时候，设置了text-indent：-999em导致文字移出了浏览器视口（可视区
iteye_3606·2020-08-08 16:12

可用性更好的CSS隐藏文字技术(CSS图片替换文字)

显而易见，如果图片由于某些原因未加载的时候，设置了text-indent：-999em导致文字移出了浏览器视口（可视区域），我们看到的会是一片空白。网页中最重要的是内容，显然此
linybo2008·2020-08-08 11:52

JavaScript—事件—# 一串跟着鼠标移动的Div # 键盘回车提交留言

可视区位置：clientX、clientY一
Cookie_fzx·2020-08-07 23:40

js检测页面上一个元素是否已经滚动到了屏幕的可视区域内

应用场景：只要页面加载了，其中在页面中出现的li就向控制台输出第几个发送请求；在本次加载的页面中，再将滚动条滚回前边的li，不再向控制台输出东西，也就是说已经显示过的li，不再向控制台输出东西。00010002000300040005000600070008000900010000110001200013000140001500016000170001800019000200002100022思路
yingzizizizizizzz·2020-08-07 22:14

Html+Css+Js网页页面上广告一直显示，而且一直动来动去（完整代码+详解）

所以通过描述我们的悬浮广告要满足一下几个要求;1.我们的广告要一直在我们的浏览器可视区域2.即使拉动了屏幕的滚动条，广告也会在可视区域内二，效果预览三，用到的主要事件window.onload：页面加载事件
lucksoul·2020-08-07 17:37

写出小说滑动翻页的效果

翻页的功能屏幕可视区是有限的，那么当我们需要获取新的内容时，就需要下一页，并且再误触
半步浮生·2020-08-07 16:45

分享一个简洁、有趣的无限下拉方案（转载文章）

不知你是否从上面这张图中注意到了什么，比如只是渲染了可视区域的部分DOM，滚动过程中只是外层容器的padding在改变？
狼丶宇先生·2020-08-07 16:45

模拟瀑布流效果（附带注释）

absolute;*/}//获取标签图片varcontainer=document.getElementById('container');varbox=container.children;//判断可视区域能显示多少列
dlb96837·2020-08-07 13:25

scrollIntoView()，滚动到指定区域

滚动到指定区域Element.scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域内。
老冯头·2020-08-06 12:20

移动端弹出层滑动，导致底层body滑动（阻止touchmove事件冒泡？）

移动端如何阻止触摸滑动事件冒泡，一个节点可滑动而不影响body节点的滑动准确的说：应该是锁定背景滚动描述：原body内容的高度已经超过了手机屏的可视区域的好几倍了，这时候点击某个按钮，出现一个弹出层，固定定位在底部
扛狼1427·2020-08-06 10:47

URL中#号(井号)的作用

浏览器读取这个URL后，会自动将print位置滚动至可视区域。在页面上添加锚点的方法为：或使用。
Sodaslay·2020-08-06 10:21

微信小程序——定位/加载到固定元素/位置【锚点】

在HTML中，可以用实现跳转，小程序中则是用scroll-to-view来实现.将整个页面最外层的view替换为scroll-view，同时需设置高度，此高度要设置为移动设备可视区域高度（注意不能设置为
Dove言和·2020-08-05 19:06

vue.js获取屏幕高度clientHeight设置充满屏幕引导页

实现效果：方法：html:JS：exportdefault{data(){return{clientHeight:'',}},mounted(){//获取浏览器可视区域高度this.clientHeight
Jerrica·2020-08-05 13:34

@media、orientationchange事件、监测微信移动端横竖屏

orientation:portrait竖屏orientation:landscape横屏.errSreen指横屏时展示的提示页面.FullScreenPPTWrap指正常显示的内容基本原理：通过页面可视区宽高比例判断是否发
L凯·2020-08-05 03:24

LCD段码液晶屏设计图纸分析

尺寸参数图包含的参数：外观尺寸，可视区域大小，针脚大小和间距，厚度，材质，电压，正负显，全透还是半透或者反射，com数和偏压比，工作温度与储存温度，视角，显示内容。这些缺一不可。
qq_43188920·2020-08-04 17:25

移动端自适应

手机浏览器会把页面放入到一个虚拟的“视口”（viewport）中，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域大，也可能比浏览器的可视区域小。
qq_37892223·2020-08-03 22:44

uni-app商城分类，侧边栏和商品

leftActiveIndex:0,leftNavData:[],/*一级导航栏的所有数据*/rightNavData:[],/*二级导航栏的所有数据*/scrollTop:0,scrollHeiht:"",/*可视区域的高度
PEI_WEB·2020-08-03 20:29

jq：插件（瀑布流、图片的懒加载、全屏滚动）

图片的懒加载就是当我们的页面滑动到可视区域
怀梦想，致远方·2020-08-03 17:00

js：client、scroll（client与scroll）

一、client1、概念client翻译过来就是客户端，我们使用client系列的相关属性来获取可视区的相关信息，通过client系列的相关属性，可以动态的得到该元素的边框大小，元素大小等2、client
怀梦想，致远方·2020-08-03 08:00

BaseAdapter中的ConverView的作用和ListView的优化

BaseAdapter中的ConverView的作用和ListView的优化ListView中的每个item都是一个view，当一个item滑出可视区域是，这个item所对应的view就会被回收，这个view
skateboard1·2020-08-03 04:20

Unity3D 小地图(3) 实时同步相机可视区域

在小地图上同步摄像机的可视区域基本可以分为这两个步骤1，相机的可视区，找到相机四个角相应的世界位置从相机的四个角，发出四条射线，射向地面。
Htlas·2020-08-02 12:18

js中clientHeight、offsetHeight、scrollHeight、scrollTop详解

clientHeight大家对clientHeight都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关
PlayYoung·2020-08-01 10:31

Android 软键盘覆盖并抬起输入框

，默认情况下，软键盘会把整个页面布局给顶上去假设我们想要软键盘覆盖在原页面上，只是把EditText抬起到软键盘之上，或是想监测软键盘显示或隐藏时，进行一些操作效果图思路是用屏幕高度减键盘抬起时，页面可视区域的高度
秋风知劲草·2020-08-01 07:50

项目总结之阻止页面资源加载window.stop()

所以我就自己写了一个图片懒加载的插件（参考echo.js写的首先先给图片一个默认loading图片，然后给img标签加一个data-echo的属性，这个属性等于一个请求回来的url地址，当下拉到这个图片出现在可视区域的时候
时~枫·2020-08-01 07:45

微信小程序点击加入购物车小球跳入动画

直接上js文件/*加入购物车动效*/_flyToCartEffect:function(events){//获得当前点击的位置，距离可视区域左上角vartouches=events.touches[0]
我是真的cai·2020-08-01 05:29

动态设置高德地图中心点（坐标点），始终位于屏幕中心

但是有一个问题是，不同的订单状态因为表单高度不同，导致地图的定位坐标点可能不在可视区域的中心。特别是我使用了bottomsheet来实现抽屉式表单，地图和表单肯定是有部
明月照松雪·2020-08-01 02:32

js中动态获取页面的高度和宽度的方法总结

javascript,jquery获取网页的高度和宽度：javascript:可视区域宽：document.documentElement.clientWidth(width+padding)可视区域高
世润·2020-08-01 02:00

html2Canvas生成图片可视区域，其余部分缺失

基础使用html2canvas(document.body).then(function(canvas){//url=canvas.toDataURL("image/png");//url=canvas.toDataURL("image/*");document.body.appendChild(canvas);});html2canvas(document.getElementById("sav
Geek码农·2020-07-31 23:11

JavaScript实现图片延迟加载

简单的说是一种对网页的性能优化，加载一个很多图片的网页不需要先把全部图片加载出来，而是只加载可视区域的图片即可，
苏敏·2020-07-31 22:57

微信小程序 scroll-view 滑动可视区域

微信小程序sroll-viewcss属性设置注意事项1.sroll-view必须设置white-space:nowrap段落文本中不换行2.子元素需要设置为内联块元素display:inline-block;3.滑动list最外层元素可以添加移除隐藏避免内容超出导致排版乱掉overflow:hidden;4.内联块元素无法设置margin-top与margin-right可以使用padding-t
IT_han·2020-07-31 22:16

网站优化--图片的预加载与懒加载（上）

1、延迟加载即懒加载，主要目的是作为服务器前端的优化，减少请求数或延迟请求数，在一些图片非常多的网站中非常有用，当图片位置进入到可视区的时候才会被加载，这样对于含有很多图片的比较长的网页来说，可以加载的更快
Roninwz·2020-07-31 22:02

HTML：Android中软键盘显示时，底部固定导航上顶的解决方案

top=浏览器可视区域高度-底部固定导航高度2、代码jQuery$(document).ready(function(){/*输入框聚焦，软键盘弹出*/$("input").focus(function
Siimple·2020-07-31 20:49

懒加载，预加载的对比与实现

一、懒加载1.概念：访问页面时，先把img元素的背景图片src替换成一张占位图，这样只需请求一次，当图片出现在浏览器的可视区域内时，再设置图片的真实路径，显示图片。
倩倩_8956·2020-07-31 16:18

Android webview 快照及白屏闪屏解决方案

快照方法：/***截取webView可视区域的截图*@paramwebView前提：WebView要设置webView.setDrawingCacheEnabled(true);*@return*/privateBitmapcaptureWebViewVisibleSize
Ani_aierJun·2020-07-31 15:34

iOS 判断指定cell 是否离开可视区

在许多情况下，需要判断指定cell是否在可视区域内，但是没有系统的方法来直接判断。只能通过获得cell的fram，通过计算来判断。
不知蜕变的挣扎·2020-07-30 22:21

js可视区域加载：getBoundingClientRect方法

当元素处于可视区域时再加载，例如淘宝天猫上打开网页时不是所有图片都加载出来了，而是当滚动条滚动到那个区域时才加载出来图片。方法：判断元素顶部到浏览器窗口顶部的距离是否小于可视区域高度，如果小于就显示。
weixin_34248118·2020-07-30 20:52

H5软键盘兼容方案

焦点元素会滚动到可视区域。在IOS部分版本(12)上，当键盘收起后，页面不回到原位，导致键盘原来所在位置空白。在Android部分机型上，输入框获取焦点
李霖弢·2020-07-30 16:30

Android软键盘弹出，覆盖h5页面输入框问题

问题分析：1.发现问题：当前页面中box为flex布局，内容为上下固定高，中间自适应（中间区域内容过多会出现滚动条，input框在wrapper的底部），input获取焦点，手机键盘弹出，input未上移到可视区内
kkfd1002·2020-07-30 15:57

Web性能优化-懒加载和预加载

懒加载使用场景图片进入可视区域之后请求图片资源对于电商等图片很多,页面很长的业务场景适用减少无效的资源的加载并发加载的资源过多会阻塞js的加载,影响网站的正常使用预加载的使用场景图片等静态资源在使用之前就提前请求资源使用到的时候能从缓存中加载
Ethan__Hunt·2020-07-30 12:31

js计算元素距离顶部的高度及元素是否在可视区判断

比如说，在一个滚动区域内，我要知道元素A是在可视区内，还是在隐藏内容区（滚动到外边看不到了）。有时还要进一步知道，元素是全部都显示在可视区，还是有部分在可视区部分在隐藏内容区。
weixin_34329187·2020-07-30 10:51

原生js实现滚动加载图片（懒加载）实现原理

通俗的讲就是：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来
鲸落子宁·2020-07-30 05:20
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他