您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. zhihuWeChatApp-从零开始一个微信小程序版知乎.zip

  2. 微信小程序版知乎首页截图项目描述界面样式设计与交互来自iOS 4.8.0版本知乎App开发工具:微信开发工具数据来源:Easy Mock 模拟数据Easy MockMock.js功能描述首页主要功能及交互搜索页面(结果页面未写详细的样式)搜索历史存储搜索历史单个删除和全部清除顶部tab切换,分别展示不同内容面板,同时tab下小黑条切换时有动画效果下拉刷新触底上拉加载点击标题进入问题的答案列表页点击回答内容进入该回答的详情页想法页面主要功能及交互滑动到顶部tab条吸顶文字超出被折叠,可点击展开点
  3. 所属分类:其它

    • 发布日期:2019-09-23
    • 文件大小:33554432
    • 提供者:weixin_38743602
  1. js实现移动端吸顶效果

  2. 主要为大家详细介绍了js实现移动端吸顶效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:37888
    • 提供者:weixin_38591291
  1. js实现多个标题吸顶效果

  2. 主要为大家详细介绍了js实现多个标题吸顶效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  3. 所属分类:其它

    • 发布日期:2020-10-15
    • 文件大小:53248
    • 提供者:weixin_38670420
  1. js实现导航吸顶效果

  2. 本文主要分享了js实现导航吸顶效果的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
  3. 所属分类:其它

    • 发布日期:2020-10-20
    • 文件大小:31744
    • 提供者:weixin_38747211
  1. 原生js实现吸顶效果

  2. 本文主要介绍了原生js实现吸顶效果的示例。具有很好的参考价值。下面跟着小编一起来看下吧
  3. 所属分类:其它

    • 发布日期:2020-10-20
    • 文件大小:40960
    • 提供者:weixin_38698590
  1. 浅谈react.js中实现tab吸顶效果的问题

  2. 下面小编就为大家带来一篇浅谈react.js中实现tab吸顶效果的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-19
    • 文件大小:47104
    • 提供者:weixin_38543950
  1. js实现导航吸顶效果

  2. 话不多说,请看代码: 38demo <link rel="stylesheet" href="img
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:22528
    • 提供者:weixin_38676058
  1. 原生js实现吸顶效果

  2. 实现思路如下: 1. div初始居普通文档流中 2. 给window添加scroll事件(可事件节流),获取div的offset的top值,滚动时scrollTop值和top比较,当到达top时给div添加一个fixed的class使其固定 3. 向上滚动时当到达div初始top时则删除fixed的class,此时div又回到普通文档流中 4. fixed样式非IE6浏览器使用position:fixed,IE6使用position:absolute和IE expression 效果图: 代码
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:36864
    • 提供者:weixin_38663029
  1. js实现移动端吸顶效果

  2. 今天来简单的写一个吸顶,供大家参考,具体内容如下 先罗列一下吸顶需要使用到的属性 ** scrollTop 获取当前滚动的距离(也就是盒子距离顶部的距离) offsetTop 盒子距离顶部的高度 offsetHeight 盒子自身的高度 scrollY 滚动的距离 ** 想要写出一个吸顶 一定要先明白这几个属性哦(当然了,他也很简单,相信您看完会有一定的收获) 根据图片中的思路来写: <meta name=viewpo
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:51200
    • 提供者:weixin_38693753
  1. Html5导航栏吸顶方案原理与对比实现

  2. 一. 什么是吸顶? 吸顶效果是web开发中一种常见的交互方式,常见的应用场景有导航、搜索框等等。能够做流量的横向分发,瞩目的吸顶效果和横滑切tab的手势,能够让用户快速发现更多商品。 市场上享有H5导航栏吸顶效果展示 1.淘宝聚划算吸顶演示: 2.淘宝百亿补贴吸顶演示:   二. 常见的tabbar吸顶方案 基于position粘性定位的吸顶方案 基于JS监听scroll事件的吸顶方案 三. 方案的原理与对比 1. position粘性方案的实现与详解 1.1. 知识详解 p
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:70656
    • 提供者:weixin_38643407
  1. 微信小程序wxs实现吸顶效果

  2. 在.js文件中使用page的onPageScroll事件和scroll-view的scroll事件中产生卡顿 (setData 渲染会阻塞其它脚本执行,导致了整个用户交互的动画过程会有延迟), 所以使用wxs响应事件来实现吸顶效果。wxs响应事件基础库 2.4.4 开始支持,低版本需做兼容处理。 附上文档链接:wxs响应事件 吸顶效果 使用scroll-view组件实现滚动效果,页面和scroll-view组件的高度设成100%,当竖向滚动条大于等于导航到顶部距离时,导航变成固定定位,固定显示
  3. 所属分类:其它

    • 发布日期:2021-01-20
    • 文件大小:46080
    • 提供者:weixin_38682242
  1. 浅谈react.js中实现tab吸顶效果的问题

  2. 在react项目开发中有一个需求是,页面滚动到tab所在位置时,tab要固定在顶部。 实现的思路其实很简单,就是判断当滚动距离scrollTop大于tab距离页面顶部距离offsetTop时,将tab的position变为fixed。 在react中,我在state中设置一个navTop属性,切换这个属性的值为true或者false,然后tab标签使用classnames()这个方法来利用navTop的值添加类名fixed。 一开始我是这样写的: import cs from 'classna
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:45056
    • 提供者:weixin_38607971
  1. Vue开发实现吸顶效果的示例代码

  2. 因为项目需求,最近开始转到微信公众号开发,接触到了Vue框架,这个效果的实现虽说是基于Vue框架下实现的,但是同样也可以借鉴到其他地方,原理都是一样的。 进入正题,先看下效果图:   其实js做这个效果还是挺简单的,因为在css中我们可以设置一个元素的 position: fixed; ,这样它就可以固定在那里,这样不管页面怎么滚动,它的位置都不受影响,所以我们的思路就是在合适的时机把要吸顶的头部元素的position属性设置为fixed就可以了。但是这个合适的时机是什么时候呢,这就需要我们计算
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:117760
    • 提供者:weixin_38629976
  1. js实现多个标题吸顶效果

  2. 对于导航的吸顶效果,pc端和移动端的需求可能有些差异。在pc端,我们通常只需要一个顶部导航;在移动端,在滑动页面的时候,更需要多个标题的吸顶(例如地区的选择,需要将省份吸顶)。 单个标题吸顶和多个标题吸顶的区别在于:多个标题吸顶需要确定一个高度范围,在这个范围中只能有一个标题吸顶,其他都是固定效果。 一、页面布局及样式 此处为了测试效果,用了几个重复的section标签,大家根据实际需求编写布局和样式。 实现多个标题的吸顶 header1
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:84992
    • 提供者:weixin_38721119
  1. JS实现吸顶特效

  2. 本文实例为大家分享了JS实现吸顶特效的具体代码,供大家参考,具体内容如下 知识点 1.scroll家族和offset家族的结合运用 2.当nav的offsetTop大于屏幕卷去高度的时候,进行吸顶 3.添加一个固定类,如果满足条件,为nav加类名 运行效果 滚动页面时,保证导航栏吸顶 代码 *{margin: 0;padding: 0;l
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:68608
    • 提供者:weixin_38622777
  1. vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码

  2. utils/index,.js /** * 生成UUID * param withSeparator 是否有分割符 * returns {string} */ export function generateUUID(withSeparator = true) { let d = new Date().getTime() if (window.performance && typeof window.performance.now === 'function') { d +=
  3. 所属分类:其它

    • 发布日期:2021-01-18
    • 文件大小:115712
    • 提供者:weixin_38627590