在使用ionic3做返回置顶的时候，发现里边用了fixed absolute等一些定位的内容时，scrollTo，scrollTop，scrollLeft就失效了，可以使用scrollIntoView(),例子如下： <ion-scroll #testScroll scrollY="true" [n ...
分类：
其他好文 时间：
2020-03-20 11:14:46
阅读次数：
91
平滑滚动到页面顶部 const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationFra ...
分类：
Web程序 时间：
2020-03-18 09:34:23
阅读次数：
73
1 <!-- 获得页面滚动距离 2 $(document).scrollTop(); 文档高度超过窗口可视高度，继续下拉，就会有部分文档超过可视窗口的高度，这即是scrollTop 3 $(document).scrollLeft(); 4 5 页面滚动事件 6 $(window).scroll(f ...
分类：
Web程序 时间：
2020-03-14 19:52:03
阅读次数：
73
博客地址： https://www.seyana.life/post/20 今天在使用safari浏览博客的时候， 发现在拉至顶部并产生回弹之后，头部导航隐藏了， 除非在上拉的时候，刚好达到顶部而不超出产生回弹才会正常显示 这是博客原来隐藏显示头部导航的逻辑 可以看到主要逻辑是根据scrolltop ...
分类：
其他好文 时间：
2020-03-08 17:16:54
阅读次数：
64
描述 ios13. ios中，input唤醒软键盘后，body整体会向上滚动，如果input框输入完成确定后，如果页面在最底部则不回弹，导致fixed布局实际效果上移，fixed布局内按钮点不到。 如图 "问题在线演示" 解决方案 不使用fixed，改为absolute。 如果是吸底input 滚动 ...
分类：
移动开发 时间：
2020-03-06 15:17:52
阅读次数：
90
1.wxml <scroll-view class="scroll-view_H" scroll-x style="width: 100%" scroll-into-view="{{toView}}" scroll-left="{{scrollTop}}" bindscrolltoupper="up ...
分类：
微信 时间：
2020-02-24 17:07:06
阅读次数：
150
可以用jQuery中的unbind()来进行事件解绑。 1 $(window).scroll(function() { 2 console.log("滚离顶部" + $(document).scrollTop()); 3 4 //... 5 6 //对window对象进行scroll事件解绑 7 $ ...
一、相关知识点总结1、CSS .css() - .css("color") -> 获取color css值 - .css("color", "#ff0000") -> 设置值 - .css({"color": "#cccccc", "border": "1px solid #ff0000"}) -> ...
分类：
Web程序 时间：
2020-02-20 15:11:20
阅读次数：
106
刚写完的项目在PC端运行良好，但在移动端使用 document.documentElementTop （要获取当前页面的滚动条纵坐标位置）无法监听到滚动条的位置。 附代码： const top = document.documentElement.scrollTop 发现 chrome 内核只认识 ...
分类：
移动开发 时间：
2020-02-15 18:22:38
阅读次数：
130
网页交互效果的实现 滚动条高度的获取以及设置：document.body.scrollTop || document.documentElement.scrollTop .split() 把字符串分割成数组 .join() 把数组转为字符串 .replace( /\s+/g, " ") 正则全局替换 ...
分类：
其他好文 时间：
2020-02-10 18:23:24
阅读次数：
67
