可视区

flutter获取listview可视区域的firstIndex和lastIndex，不破坏原有listview

一种侵入性不强的方案，解决获取listview可视firstIndex和lastIndex问题。无需修改已有项目代码套上ScrollIndexWidget即可，代码如下import'dart:math';import'package:flutter/material.dart';import'package:flutter/rendering.dart';typedefViewPortCallba
庄童·2021-05-11 14:59

jquery判断元素是否在可视区域范围内

已经有类似的文章了，但是总感觉哪里不对！所以此文仅作备忘用，如果能帮助你更好的理解就更好了！目标元素：#itemvaritem=$('#item');当页面滚动时，元素随页面滚动，该元素距离顶部的距离varitemOffsetTop=$("#item").offset().top;获取item的高度（我的需求需要包含外边距）varitemOuterHeight=$("#item").outerHe
Author_z·2021-05-11 02:42

JS实现无缝滚动

首先上一张效果图原理图1图2在可视区域内，list1向上滚动，在滚动至图2的位置时，达到滚动连接临界点。由于list2与list1的数据一模一样，视觉上达到了一个无缝衔接的效果。
小福饼·2021-05-10 08:04

定位

如果父级没有定位参照物是body）固定定位：特点（完全脱离文档流，改变元素类型.参照物是屏幕可视区）
尼尼嘎嘎·2021-05-07 21:33

浅谈对viewport的理解

viewport是用户网页的可视区域。viewport翻译为中文可以叫做"视区"。
小貔·2021-05-07 00:30

移动端适配方案

视口介绍1、布局视口(layoutviewpor)varwidth=document.documentElement.clientWidth可以看作为当前顶级HTML元素的宽度，也就是咱们浏览器当前的可视区域的宽度
Franklin_7353·2021-05-06 04:31

clientHeight,offsetHeight,scrollHeight迷一样的三个值

一张图解决所有问题：clientHeight:内容可视区域的高度，也就是说页面浏览器的大小，可以看到内容的区域的大小，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关．offsetHeigth
魏秋娟·2021-05-05 03:44

js网页特效（二）

1.scroll系列scrollHeight和scrollWidth对象内部实际内容的高度/宽度scrollTop和scrollLeft被卷去部分的顶部/左侧到可视区域顶部/左侧的距离2.获取滚动坐标页面滚动座标非常常用
believedream·2021-05-04 01:37

广告轮播图居中显示，图片宽度自适应，但最小为1920,轮播图居中显示

，图片居中显示jQuery问题：浏览器可视宽度小于1920时，图片无法水平无法居中显示解决：img的父元素相对定位，溢出隐藏，img绝对定位，当窗口变化时，动态获得img的宽度imgWidth，浏览器可视区域的宽度
一秆老烟枪·2021-05-02 19:23

JS 懒加载

用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。
_TSRed·2021-04-28 15:11

获取浏览器可视区域高度

有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。varw=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;varh=window.innerHeight||document.documentElement.clientHeight||document.bo
overflow_hidden·2021-04-26 05:44

collectionView 实现画廊效果

如果要实现画廊效果只需要关心三个方法/***当bounds发生改变（滚动就是改变了bounds，改变了可视区）的时候是否允许刷新布局。*
zx1798·2021-04-26 03:09

vue-lazyload图片懒加载的使用

这也就是们通常所说的首屏加载，技术上现实其中要用的技术就是图片懒加载--到可视区域再加载。在网页中，常常需要用到图片，而图片需要消耗较大的流量。
An的杂货铺·2021-04-25 08:52

2019-07-02

通俗的讲就是：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来
电竞林一·2021-04-23 20:42

移动web端揭秘

viewport视口(可视区窗口)默认不设置viewport一般可视区宽度在移动端是980width可视区的宽度(number||device-width)user-scalable是否允许用户缩放(yes
风吹燕尾·2021-04-23 17:18

Firefox截图插件使用说明

功能：1截取网页锁定区域2截取整个网页3截取网页可视区域4设置5意见反馈
杜承彧·2021-04-23 14:11

漂浮广告效果（原生JS）

实现广告漂浮效果思路：1.绝对定位2.获取广告在可视区域的最大宽高，找漂浮时（left，top）的变化规律2.获取元素位置（left、top）3.设置新位置值（left，top）4.将新值赋值给元素5.
被时光移动的城·2021-04-23 02:03

css

内容就会溢出（IE6除外），这时如果想要规范溢出内容的显示方式，就需要使用CSS的overflow属性，其基本语法格式如下：选择器{overflow:属性值}版心和布局流程布局流程:1、确定页面的版心（可视区
浏览罗·2021-04-21 18:33

JS实现图片的懒加载

一、懒加载介绍懒加载原理：图片进入可视区域之后再去请求图片资源。图片是在img标签有src属性才去加载的。懒加载的原理就是在图片进入可视化区域之后，动态的去设置img标签中的src属性。
webchang·2021-04-15 22:07

iOS 的 paged controller 的一种思路

实现下图的效果层次关系为：CollectionView有一个header,header上面有一个scrollviewCollectionView还有很多cell图中可视区域内，有6个效果是，点击scrollview
·2021-04-13 02:59

iOS 的 paged controller 的一种思路

实现下图的效果层次关系为：CollectionView有一个header,header上面有一个scrollviewCollectionView还有很多cell图中可视区域内，有6个效果是，点击scrollview
·2021-04-13 02:47

使用vw适配移动端

1.vw原理解析vw是基于Viewport视窗的长度单位，这里的视窗（Viewport）指的就是浏览器可视化的区域，而这个可视区域是window.innerWidth/window.innerHeight
·2021-04-08 13:12

使用vw适配移动端

1.vw原理解析vw是基于Viewport视窗的长度单位，这里的视窗（Viewport）指的就是浏览器可视化的区域，而这个可视区域是window.innerWidth/window.innerHeight
·2021-04-02 19:57

Javascript图片懒加载

原理一开始将img标签的src设置为一张默认图片，将真实的图片地址放在data-src上，监听滚动事件，当图片进入可视区域时，写入src真实的图片地址。如何判断图片进入了可视区域？
·2021-03-12 06:54

echo.js图片懒加载

17118634921981.jpg预加载缓冲图片：仁和logo懒加载640x360.gif3.js初始化插件echo.init({offset:9999,throttle:0});参数说明offset离可视区域多少像素的
放开那小超·2021-03-10 17:54

前端性能优化-图片懒加载（防抖、节流）

其实并不是，用户看到的只是浏览器可视区域的内容。所以从这个情况我们可以做一些优化，只显示用户可视区域内的图片，当用户触发滚动的瞬间再去请求显示给用户。懒加载的思路img标签有
Mr_linjw·2021-03-09 14:01

小彩灯特效 html+css

效果：实现：1.添加标签，可以看出一个li就是一个灯泡，可以多点，保证设置大小后整体能大过浏览器默认可视区宽度。
北极光之夜。·2021-03-06 16:51

元宵节到了，让我们放烟花吧！

----烟火情景梳理烟花都是在天空中绽放，我们用幕布与模拟天空--canvas烟花绽放时，从一个中心点开始绽放烟花绽放时呈“放射状”烟花绽放后，会有一个缓慢下落的过程，直至消失烟花幕布先新建一个和网页可视区大小一样的
·2021-02-26 10:47

元宵节到了，让我们放烟花吧！

----烟火情景梳理烟花都是在天空中绽放，我们用幕布与模拟天空--canvas烟花绽放时，从一个中心点开始绽放烟花绽放时呈“放射状”烟花绽放后，会有一个缓慢下落的过程，直至消失烟花幕布先新建一个和网页可视区大小一样的
·2021-02-26 09:55

原生JS返回顶部

document.getElementById('btn');//获取回到顶部按钮的IDvarclientHeight=document.documentElement.clientHeight;//获取可视区域的高度
信有伟·2021-02-25 14:19

meta标签name属性值viewport解析

在手机浏览器中能看到网页内容的那块区域称为可视区域，viewport就相当于那块可视区域，但是它的实际大小可能比那块可视区域要大或者要小（一般来说都是大于可视区域），那具体是多大？
zeros:·2021-02-13 14:18

vim的额外功能

目录1.vim的额外功能1.1可视区块（VisualBlock）1.2多文件编辑1.3多窗口功能1.4vim的关键词补全功能1.5vim环境设置与记录：~/.vimrc、~/.viminfo1.6vim
Aerobatics·2021-02-13 12:34

React 表格组件 GridManager-React

实现功能宽度调整:表格的列宽度可进行拖拽式调整位置更换:表格的列位置进行拖拽式调整配置列:可通过配置对列进行显示隐藏转换表头吸顶:在表存在可视区域的情况下,表头将一直存在于顶部排序:表格单项排序或组合排序
·2021-02-09 16:10

Vue表格组件--GridManager Vue

实现功能宽度调整:表格的列宽度可进行拖拽式调整位置更换:表格的列位置进行拖拽式调整配置列:可通过配置对列进行显示隐藏转换表头吸顶:在表存在可视区域的情况下,表头将一直存在于顶部排序:表格单项排序或组合排序分页
·2021-02-09 16:09

前端常见DOM元素坐标，事件对象中的坐标信息等

1.获取窗口位置及其大小内容作用window.screenTop窗口顶部到屏幕顶部的距离window.screenLeft窗口左部到屏幕左部的距离window.innerWidth窗口中可视区域的宽度window.innerHeight
辫儿哥哥·2021-02-06 22:55

flutter性能优化实践

知识点记录滚动列表，child不在可视区域内是不会paint的。
liboxiang·2021-02-06 15:42

css3自适应单位vw,vh详解

在客户端，视口指的是浏览器的可视区域；而在移动端，它涉及3个视口：LayoutViewport（布局视口），VisualViewport（视觉视口），IdealViewport（理想视口）。
dample小童鞋·2021-02-02 13:06

SVG 入门

核心优势XML的格式，容量较小比较灵活，可以修改样式自适应缩放viewport：是SVG的可视区域，就是SVG的属性width和height的范围，离开可视区域外的内容是不会被渲染的。
·2021-02-01 16:57

web前端开发面试题(八)

前端面试题第八天一、HTML部分1.1viewport常见设置定义：视口（viewport）是用户网页的可视区域，也可称之为视区。
Web_chicken·2021-01-28 19:08

Qt编写地图综合应用27-点聚合

为了解决这一问题，我们需要一种手段能在用户有限的可视区域范围内，利用最小的区域展示出最全面的信息，而又不产生重叠覆盖。
feiyangqingyun·2021-01-28 09:59

css中的固定定位例子超详细！！！

固定定位是元素固定于浏览器可视区的位置。主要作用是可以在浏览器页面滚动时元素的位置也不会改变。
I am the sun?·2021-01-25 12:51

前端面试每日 3+1 —— 第645天

[js]写一个JS方法，判断元素是否在可视区域[软技能]说说你对3分钟热情和持续热情的理解《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。
·2021-01-25 03:25

2021/01/24 JS高级 PC端网页特效

返回的数值不带单位3.offset和style的区别(二)元素的可视区client系列client系列的相关属性，用来获取元素可视区的相关信息，可以动态的获得元素的边框大小，元素大小
gh100330·2021-01-24 23:46

前端面试每日 3+1 —— 第645天

[js]写一个JS方法，判断元素是否在可视区域[软技能]说说你对3分钟热情和持续热情的理解《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。
浪子神剑·2021-01-20 12:55

图片懒加载

实现原理进入页面的时候，只请求可视区域的图片资源，不在可视区域内的图片，等将要出现时动态加载
时倾·2021-01-20 12:12

图片懒加载

实现原理进入页面的时候，只请求可视区域的图片资源，不在可视区域内的图片，等将要出现时动态加载
时倾·2021-01-18 19:43

scrollIntoView()方法导致整个页面产生偏移

问题描述今天在做页面UI改版的时候发现，我之前使用的是dom.scrollIntoView();使得点击右侧题目编号的时候，让左侧题目滚动到页面可视区域。
Daotin·2021-01-18 18:59

scrollIntoView()方法导致整个页面产生偏移

问题描述今天在做页面UI改版的时候发现，我之前使用的是dom.scrollIntoView();使得点击右侧题目编号的时候，让左侧题目滚动到页面可视区域。
Daotin·2021-01-18 15:34

iframe无刷新提交表单，iframe仿ajax提交表单

这次就介绍一下iframe仿造ajax异步请求，实际上iframe是同步请求，只是把提交的跳转，发生在iframe的可视区
TANKING·2021-01-16 18:00

iframe无刷新提交表单，iframe仿ajax提交表单

这次就介绍一下iframe仿造ajax异步请求，实际上iframe是同步请求，只是把提交的跳转，发生在iframe的可视区
TANKING·2021-01-16 17:45
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他