移动端
文章平均质量分 61
梦想成为JAVA工程师
一个热爱前端的前端工程师
展开
-
移动端左右拖拽和临界问题
移动端左右拖拽和临界问题 在移动端,我们设置功能展示的时候,可能视口宽度并不能完全将我们所需要的东西全部展示出来,因此我们使用css中的overflow-x: scroll;进行设置,但是今天我们要讲是利用js来是实现拖拽移动效果,并且下面带有一个滚动条显示当前移动的进程。例如淘宝首页的功能块。 全部的代码和成品图如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta htt原创 2021-05-02 15:18:01 · 400 阅读 · 0 评论 -
移动端中swiper插件的使用
移动端中swiper插件的使用 在移动端中,对于常见的拖拽事件,比如轮播图,我们可以用js来实现,但是移动端不同于pc端,写起来不仅复杂,还会使得代码臃肿。因此,对于移动端来说,我们优先使用已经封装好的swiper插件。 swiper插件地址,点击访问。 或者浏览器输入:https://www.swiper.com.cn/ 进行访问。 进入官网后,我们点击开始使用,进入这样的一个页面 我们根据自己的需求将HTml的内容复制到我们需要的位置,想设置css样式的也可以复制到自己的css文件里里面进行设原创 2021-05-02 15:09:17 · 611 阅读 · 0 评论 -
js实现移动端兼容设置
js实现移动端兼容设置 例如:我们需要在移动端设置一个菜单栏,使它的宽度刚好等于视口的宽度,并且当我们切换不同的设备的时候,使它的能呈现出一样的效果,因为我们想到可以使用百分比来设置,当随之而来的问题是,里面的所有元素也必须跟着使用百分比。因此,我们使用一下的js代码来实现重置 (()=>{ function winWidth(){ // 获取视口宽度 let width = window.screen.width // 获取文档元素 let dom = document.do原创 2021-05-02 14:43:52 · 428 阅读 · 0 评论