企业官网建设流程全解析

广州开发网站技术,极强防红短链接生成,代刷网站推广链接免费,网站服务器宽带前言 来记录一段经常会忘记的但很好用的代码#xff0c;主要是为了以后好找。 Web平滑滚动代码 // 平滑滚动public scrollTo(id: string) {const el document.getElementById(id);if (el) {el.scrollIntoView({behavior: smooth,block: center});}}behavior: 定义滚动动画主要是为了以后好找。Web平滑滚动代码// 平滑滚动publicscrollTo(id:string){consteldocument.getElementById(id);if(el){el.scrollIntoView({behavior:smooth,block:center});}}behavior: 定义滚动动画可以是auto、“smooth或instant”。block: 定义垂直对齐方式可以是start、“center”、“end或nearest”。inline: 定义水平对齐方式也可以是start、“center”、“end或nearest”。Web监听页面滚动选中左侧导航栏letthatthis;// 创建Observer实例constobservernewIntersectionObserver(entries{entries.forEach(entry{if(entry.isIntersecting){// 监听到元素进入视口letidxNumber(entry.target.id.replace(serviceItems,));if(that.clickIndex0){that.activeKeyidx;}elseif(that.clickIndexidx){that.clickIndex-1;}}});},{threshold:[0.2]}// 20% 可见时触发);this.$nextTick((){// 开始观察元素this.listData.forEach((item,index){leteldocument.querySelector(#serviceItems${index});observer.observe(el);});});uni-app页面滚动uni.pageScrollTo({selector:#target-element,duration:300});参数名类型必填说明scrollTopNumber否滚动到页面的目标位置单位pxselectorString否元素选择器用于指定要滚动到的元素位置App、H5、抖音小程序2.62.0、微信小程序2.7.3 、支付宝小程序1.20.0支持durationNumber否滚动动画的时长默认300单位 mssuccessfunction否接口调用成功的回调函数failfunction否接口调用失败的回调函数completefunction否接口调用结束的回调函数调用成功、失败都会执行结语关注我不迷路。不定时分享前端相关问题以及解决方案。希望能帮助每个在开发类似功能的小伙伴。