美文网首页
歌手页面右边shortcut的实现

歌手页面右边shortcut的实现

作者: xu丽_twilight | 来源:发表于2018-08-25 13:01 被阅读0次

数据的获取(listview.vue)


获取index元素的方法封装(dom/js/dom.js)


给scroll.vue扩展方法

回到listview.vue

至此,右边的shortcut的点击和移动就都实现了

实现左边移动,右边shortcut移动到相应的字面

扩展scroll.vue方法

回到listview.vue

index===null是为了解决,a上和z下有一个间隔大小,为了让他们的点击是失效的所以添加的if条件,index<0是解决shortcut滑动到顶部和底部的边界问题。

计算高度

^滚动到底部,且-newY大于最后一个元素的上限

至此实现了左右联动。

接下来是实现fix-title的功能

实现动态的fix-title

相关文章

  • 歌手页面右边shortcut的实现

    数据的获取(listview.vue) 获取index元素的方法封装(dom/js/dom.js) 给scroll...

  • SAP Spartacus Organization Unit

    右边这个页面的实现细节: 层级结构如下: (1) cx-org-unit-user-list, Component...

  • Vue + TypeScript 增加 TodoItemDeta

    这里要做的是实现一个 List-Detail 的页面模式。即在右边显示 Todo 的详情。页面结构主要修改即增加一...

  • iOS12 Siri Shortcuts(一)

    INShortcut 这是Shortcut开发中要实现的核心class,我们看下这个类所提供的api: INSho...

  • Pycharm快捷键

    Pycharm Shortcut

  • Windows的几种链接

    Windows链接有以下几种: 快捷方式(shortcut)a. 实现:鼠标右键创建b. 特点:文件、文件夹均可,...

  • 实现页面刷新跳转的方法

    一、实现页面刷新的方法 1、实现页面刷新的方法 2、实现页面自动刷新的方法 二、实现页面跳转的方法 1、实现页面跳...

  • jichu

    1.左右布局,左边定宽,右边自适应,不少于三种方式 2.左右定宽,中间自适应 3.页面进度条如何实现 页面进度条是...

  • Keyboard Shortcut

    Chrome keyboard shortcut

  • Shortcut

    Android7.1(API25)开始推出新的功能Shortcuts,通过ShortcutManager进行管理 ...

网友评论

      本文标题:歌手页面右边shortcut的实现

      本文链接:https://www.haomeiwen.com/subject/mxobiftx.html