下拉神器是一款专业的下拉词平台,提供各种下拉功能:百度下拉丶360搜索下拉丶必应搜索下拉丶哔哩哔哩下拉丶抖音下拉等等,里面还有批量做词教程技术,可以一次性做10-50个词,省心高效!批量做词,批量出词,可以实现霸屏效果!
有的客户想删除下拉,但是百度不受理,就可以使用批量做词霸屏技术,实现把那些负面信息顶下去,顶掉的效果=删除效果!欢迎您前来使用!新手不懂使用,请多看2遍视频教程哦!下拉神器100%有效果的!
给大家看一个下拉神器介绍的视频,看完后,点击下面的按钮进入”下拉神器“
欢迎使用下拉神器,下拉行业老品牌,如果下拉神器都不好使,整个行业其他平台一样不好使,但是大家一定要多学习多看教程,先学会做词出词的技巧!
下一篇文章内容预览:
开发中遇到一个需求,大概是实现仿抖音的视频播放页面弹出评论区,下拉回弹等效果,开始用的定位,利用滚动条的高度定位计算,结果是在苹果手机上运行的还可以,但是在安卓手机上体验效果不是很流畅,后决定用 中的 属性,开发时参考了网上的一篇文章,但是由于整理这个笔记的时候离当时开发过去了很久,那篇文章链接我搜索不到了,所以没有附...
下面的代码可以直接拷贝到html里运行看效果,我开发时是用vue写的,这是为了让大家最快速看到符不符合自己的需求整理的。

html

css
body,html{ background-color: rgba(0, 0, 0, 1); } .dragwrap { position: fixed; bottom: 0; left: 0; z-index: 491; width: 100%; height: 600px; } .dragwrap .dragbox { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #fff; border-radius: 14px 14px 0 0; background-color: pink; } .dragwrap .dragbox .title { text-align: center; line-height: 44px; } .dragwrap .dragbox .scroll { height: 100%; overflow: scroll; border-top: 1px solid #fff; } .dragwrap .dragbox .scroll ul { padding-bottom: 44px; } .dragwrap .dragbox .scroll ul li { padding: 20px; }

js
let el, scroll; let startY = null, scrolling = false, newY = null, isTitle = false; open(); function titleStart() { isTitle = true; } function titleEnd() { isTitle = false; } // 拖拽开始 function dragStart(e) { let ev = e.touches ? e.touches[0] : e; startY = ev.clientY; // 最开始的startY是手指触摸到的clientY(相对于浏览器y轴的位置) el.style.transition = null; } function dragMove(e) { if (startY == null) { return; } let ev = e.touches ? e.touches[0] : e; if (scroll.scrollTop <= 0 || isTitle) { // 拖拽标题 或者 此时可滚动区域没有滚动高度 let fs = false; if (scrolling) { // 滚动结束,正好停在没有滚动高度的情况,重新赋值 startY = ev.clientY; scrolling = false; fs = true; } newY = ev.clientY - startY; if (newY < 0) { newY = 0; } el.style.transform = `translateY(${newY}px)`; if (!fs && newY > 0 && e.cancelable) { e.preventDefault(); } } else { // 有滚动高度 scrolling = true; newY = ev.clientY - startY; } } function dragEnd(e) { el.style.transition = `transform 0.3s`; if (scroll.scrollTop <= 0) { if (newY && newY > el.offsetHeight / 2) { close(); } else { el.style.transform = 'translateY(0)'; } } else { el.style.transform = 'translateY(0)'; } startY = null; newY = null; } function open() { el = document.querySelector('.dragbox'); scroll = document.querySelector('.scroll'); el.style.transition = null; el.style.transform = `translateY(${el.offsetHeight}px)`; setTimeout(function () { el.style.transition = `transform 0.3s`; el.style.transform = 'translateY(0)'; }, 20); } function close() { el.style.transition = `transform 0.3s`; el.style.transform = `translateY(${el.offsetHeight}px)`; setTimeout(function () { // 关闭页面 }, 100); }