这周是我们项目进行的第二周,我们已经知道怎么去上传作自己的那一部分页面,如何几个前端之间进行配合。现在后端正在写接口,没拿到接口的只有我了,他们几个都正在进行前后端交互,加油啊,老哥!说说我这周遇到的几个问题吧(都用原生js写)
1,如何去隐藏滚动条(隐藏水平滚动条,同时显示垂直滚动条)
.element::-webkit-scrollbar {
display : none;
}
.element {
scrollbar-width : none;
-ms-overflow-style : none;
overflow-x : hidden;
overflow-y : auto;
}
2,让滑动元素回到初始位置
clickEle.addEventListener('click',function(){
let back = document.querySelector('element');
var time = setInterval(function(){
let top = document.documentElement.scrollTop || document.body.scrollTop //为了浏览器兼容
if(top === 0){
clearInterval(time);
} else {
document.documentElement.scrollTop = top - 20;
}
},1)
3,如过想让左右固定不动,中间滑动的话,需要给左右的元素设定固定定位,并用中间元素设定margin属性来实现。
今天学长还讲了前端优化的问题,之前居然没有考虑过这个问题
一起加油!!!