样式交互
4篇文章 · 0订阅
  • 页面可见性改变事件 : visibilitychange 详解
    页面可见性改变事件 : visibilitychange 详解,设置隐藏属性和改变可见属性的事件的名称
    •
    • 3年前
    • 904
    • 评论
    JavaScript
  • 实现滚动时Header自动隐藏 | 青训营笔记
    这是我参与「第五届青训营」伴学笔记创作活动的第 11 天 这是掘金网页版的头部，当滚动条向下滑动时，主header会隐藏，次级header会吸在页面顶部。 很多网站都有类似的效果，下面是在Vue中使用
    青训营笔记
  • Taro实现自动显示/隐藏的导航栏
    接上文Taro实现兼容H5的沉浸式页面 我们来实现一个自动显示/隐藏的导航栏 目标 页面向下滚动，导航栏跟随滚动进行隐藏 页面向上滚动到顶，导航栏逐渐显示 当次向上滚动距离超过30px，导航栏组件显示
    前端 Taro React.js
  • 撸一个响应式的掘金导航栏
    我们使用 @media 通过定义不同尺寸下页面的不同布局，从而实现响应式的页面。 在屏幕尺寸小于 375px 的时候 wrap 显示红色；当屏幕尺寸大于 375px 的时候，屏幕显示蓝色；当屏幕尺寸大于 980px 的时候会变为绿色。 先说一下原理：当屏幕尺寸小于我们设定的尺寸…
    CSS
    撸一个响应式的掘金导航栏