关键字:scrollTop
  • 2020 前端面试题--这样准备,拿不到offer算我输!
    前言 为了吸引大家点进来,起了一个刚(sao)气的标题。其实我觉得我这个文章挺值得看看的,看看又不长肉呀?。我是上周开始投简历,一周结束面试,在家等offer啦。坐标杭州,杭州的公司其实投来投去都是那几家,小厂不想去,大厂进不去[抠鼻ing ...
  • H5吸顶功能--划到某一元素处将其固定在顶部
    在网页里经常遇到这样的情况,滑动页面至某一个元素处,元素一直固定在顶部或底部,当页面滑到元素原有位置上方时,元素恢复原有位置。例如京东秒杀的活动时间,还有常见的搜索输入框固定在顶部。 利用js写了个搜索输入框固定在上方的例子,效果示例如下: ...
  • JS兼容及常用工具代码封装
    本文目录: 1.格式化日期时间函数 2.获取对应id或者class的DOM对象 3.获取当前浏览器的类型 4.为任意一个元素绑定事件 5.为任意一个元素解绑事件 6.获取页面向上或者向左卷曲出去的距离 7.限制字符显示字数 8.ajax原生 ...
  • h5 小游戏总结及踩坑记录(全是干货~)
    这是近期的一个 h5 项目,由于某些原因,预览地址不能放出来。不过这不是重点,没有 demo 不就可以好好看文章了吗 哈哈哈~ 文中提到的 pixi 是 pixiJs,精灵是 pixiJs 中的概念。阅读本文假设你已经知道了这些东西,不过这 ...
  • 简单代码实现H5下拉刷新和触底加载更多
    首先说一下实现原理: 下拉刷新 实现下拉刷新主要分为三步: 监听原生touchstart事件,记录其初始位置的值,e.touches[0].pageY; 监听原生touchmove事件,记录并计算当前滑动的位置值与初始位置值的差值,大于0表 ...
  • 锚点定位和动态导航
    需求:右侧有导航栏,点击可以跳转到页面指定位置,同时页面滚动到指定的位置,右侧的导航栏也根据位置进行高亮变化。 CSS部分代码 body, html { /* 让页面的跳转是滚动过去的效果,默认属性是auto(立即跳转) */ ...
  • web前端入门到实战:来做一个简单的蔚来汽车官网首页
    首先来看看蔚来官网长什么样子 不会做动图,所以具体效果可以去蔚来官网看 HTML 根据效果,我们来分析一下 页面加载进去后会有黑色的背景,然后慢慢地图片和文字动画加载出来说明背景图不是在父亲节点加背景图片,否则不会有黑色背景和图片的动画那么 ...
  • 小程序标签展开收起功能实现
    先看效果 收起时 展开后 主要结构 我用的mpvue,如用原生标签直接转换成原生即可 <div class="label userLabel" v-for="(label,inx) in la ...
  • 案例总结【原生js置顶插件】
    前两天写了个置顶,并封装成插件,体会了一遍自己封装插件的过程,深有感触。 完整代码放在GitHub上:https://github.com/HiJackLi/demo/tree/master/ | 1. 第一就是封装这种功能插件不能扯上外界 ...

暂无数据