jquery animate 连续点击不能平滑滚动的原因

2017-12-20 01:46:24

本来要做的效果是,点击产生新数据,然后页面滚动到底部。

但是点的过快的话,产生的信息会直接删除到屏幕,而并不是滚动出来的。

代码如下

().(, ).({:  ().()}, , );

按道理来说是没问题的啊。其实在谷歌浏览器也没有问题,在手机上缺不行。

但是我发现在手机上如果你隔得时间过长,滚动效果还是会出现的。

那么我猜测肯迪是点的太快,而stop并没有终止当前相同的动画。

于是改良顺序。

().(, );
= ;
(() {
    .++  //代表了某些dom的操作
$('html,body').stop(false, true).animate({scrollTop:  $(document).height()}, 1500, "linear");
},)


先停掉动画,然后延迟200毫秒再继续执行动画,竟然成功了。好开心。


  • 2019-04-30 13:55:13

    浅谈mysql fulltext全文索引优缺点

    为什么会注意到mysql的fulltext? nima, 还是上次innodb转成tokudb引擎的事,这次alter修改表引擎的时候,提示percona tokudb是不支持fulltext索引的.

  • 2019-04-30 18:56:52

    elasticsearch文档操作

    使用了Elasticsearch提供的一整套强大的REST API,本文继续来看通过这一套API如何完成文档的基本操作。

  • 2019-05-05 14:04:11

    PHP使用CURL模拟POST/GET/PUT/DELETE方式提交数据

    最近因为工作需要,调用网盘接口来上传文件,我用了CURL库, 当然在用CURL库之前必须要在php中启用 cURL 设置 可以通过使用php_info()函数来得到cURL信息,如果看不到cURL信息的话,那么需要设置PHP并开启这个库。在Windows平台下,需要改一改php.ini文件的设置,找到 php_curl.dll,并取消前面的分号注释就行了。

  • 2019-05-07 00:04:04

    Tcpdf不使用css来实现线上合同和签章,图片悬浮

    以前虽然有了解过Tcpdf的用法,但是没有实际的应用过,最近在用tcpdf的时候发现对css支持很有限,使的如果想实现类似html的种种效果都很难,而我这次要做的就是 图片悬浮在文字上方形成类似水印或者盖章的效果。

  • 2019-05-09 11:46:30

    Glide使用高级技巧(解决Glide生成缓存Key问题)

    虽说Glide将缓存功能高度封装之后,使得用法变得非常简单,但同时也带来了一些问题。 比如之前有一位群里的朋友就跟我说过,他们项目的图片资源都是存放在七牛云上面的,而七牛云为了对图片资源进行保护,会在图片url地址的基础之上再加上一个token参数。也就是说,一张图片的url地址可能会是如下格式: