js
13篇文章 · 0订阅
  • Tips-移动端滑动固顶效果(position: sticky)
    先放个图看看滑动固顶是啥效果： 中间那个 tab 条，平常的时候是固定的，等到页面滑上去的时候，又像 fixed 一样贴在顶部。position: sticky 就是用来实现这个效果的，元素不脱离文档流，仍然保留高度，所以这个属性真是人畜无害啊，而且效果如丝般润滑，堪比原生。 …
    HTML CSS 动效
    Tips-移动端滑动固顶效果(position: sticky)
  • 苹果官网Ipad mini滚动动画实现原理探究
    如何实现丝滑的滚动动效？如何实现苹果官网Ipad mini滚动动画？使用图片切换更好还是使用视频的方式更好？
    前端 动效
  • 纯 JavaScript 实现页面滚动动画
    在做前端 UI 效果时，让元素根据滚动位置实现动画效果是一个非常流行的设计，通常我们会使用第三方插件或库来实现。在本教程中，我将教大家使用纯 JavaScript 和 CSS 来实现。
    JavaScript
  • 如何判断元素是否在可视区域内呢？然后搞一些事情
    在学习判断元素是否在可视区域时，我们首先的了解一些元素的位置值和大小值。 元素的位置信息和大小 大部分属性都是对应的，所以下面都只写一个。 clientWidth：元素内容区宽度加上左右内边距宽度，即
    前端 HTML
  • 弹层禁止body跟随滚动
    在元素上添加这两个事件即可
    前端
  • js 多个容器同步滚动卡顿问题
    在实际工作中，会遇到一种场景，多个容器需要同步滚动--也就是滚动其中一个，另外几个容器也会同步的滚动以保证这几个容器所显示的内容都是相关的。 原因： 当左边滚动的时候，触发了左边的滚动事件，于是右边跟随滚动，但是与此同时右边的跟随滚动也是滚动，于是也触发了右边的滚动，于是左边也…
    JavaScript
  • JS offset、client、scroll家族
    1. 定位父级 <body>...</body> 的 offsetParent 属性值是null。 2. 偏移量 3. 宽度和高度 定义：offsetWidht 为该元素可见区域的宽度。 定义：offsetHeight 为该元素可见区域的高度。 相比于box…
    JavaScript
  • 【JavaScript】一篇弄懂offsetWidth、offsetHeight、offsetleft、offsetTop和offsetParent
    offsetWidth：元素的布局宽度。offsetHeight：元素的布局高度。offsetWidth、offsetHeight 的计算：width/height + padding + border-width，受 box-sizing 影响。<meta name="view...
    前端
  • 原生 JS 解决多节点滚动同步联动
    在现在的前端开发流程中，我们偶尔会遇见节点滚动同步的需求，所谓的滚动同步就是对于两个节点的滚动条位置进行同步，在滚动一个节点时同时，另一个节点也同时滚动到相应的位置。比较常见的类似于使用 markdown 进行文章编辑的博客网站中通常会有两边做实时编辑对比，从而需要同步滚动条。…
    前端 JavaScript
    原生 JS 解决多节点滚动同步联动
  • 掌握这20个JS技巧，做一个不加班的前端人
    JavaScript真的是一门很棒的语言，值得学习和使用。对于给定的问题，可以有不止一种方法来达到相同的解决方案。在本文中，我们将只讨论最快的。
    JavaScript