BetterScrol 2.x Mouse-whell 没效果

安装

yarn add @better-scroll/mouse-wheel@next

使用

import BScroll from '@better-scroll/core'
import MouseWheel from '@better-scroll/mouse-wheel'
BScroll.use(MouseWheel)

new BScroll('.bs-wrap', {
  //...
  mouseWheel: {
    speed: 20,
    invert: false,
    easeTime: 300
  }
})

但是为什么在原有的基础上这样写没有用呢。官方 Demo

查看 Demo 源码在 scroll-wrapper 外多了一层 core-mouse-wheel 加上就可以了。

😂 没仔细看 Demo 源码

Chrome下垂直居中容器内区块改变高度使外层容器被移动

问题

在 Chrome 中，使用 transform 或者 flex 垂直居中内容块，当视窗滚动到容器一半时再经过第一个内容块（之后的都正常），整个容器块都会被移动

  • 内容块高度已经大于文本块高度
  • 内容块垂直居中
  • 视窗滚动到容器一半时
  • 改变文本块高度
  • Firefox 同样遇到该问题
  • Edge 正常
  • IE11 正常

问题Gif

阅读全文

Git 遇到的一些问题

这里是我在日常中遇到的一些 Git 方面的问题。

  • Error: GH007
  • 不能退出、终止当前命令？
  • 想要删除提交的历史 Commit?
  • 合并与删除历史提交的 Commit ?
  • 操作失误，退回操作之前的版本库
阅读全文