ps画笔描边在哪里_WEB前端开发
ps画笔描边位于“滤镜库”中,其查找方法是:首先打开ps软件;然后点击菜单栏中的“滤镜”选项;接着选择“滤镜库”;最后打开“画笔描边”的文件夹即可。
前端实现吸顶效果
1、监听scroll事件,实现吸顶功能
2、css实现吸顶
写页面经常会遇到这种需求:导航菜单初始位置不在头部,滑动页面时候当导航菜单滑到头部位置就固定在头部,往下滑导航菜单又回到初始位置。
网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度)
(javascript) document.documentElement.scrollTop //firefox (javascript) document.documentElement.scrollLeft //firefox (javascript) document.body.scrollTop //IE (javascript) document.body.scrollLeft //IE (jqurey) $(window).scrollTop() (jqurey) $(window).scrollLeft()
网页工作区域的高度和宽度
(javascript) document.documentElement.clientHeight// IE firefox (jqurey) $(window).height()
元素距离文档顶端和左边的偏移值
(javascript) DOM元素对象.offsetTop //IE firefox (javascript) DOM元素对象.offsetLeft //IE firefox (jqurey) jq对象.offset().top (jqurey) jq对象.offset().left
获取页面元素距离浏览器工作区顶端的距离
你知道2020年大前端的发展趋势是什么吗(详解)_WEB前端开发
迅速发展的前端开发,在每年,都为开发者带来了新的关键词。
2020 年前端发展的关键词将有哪些呢?发展的方向又会是什么呢?下面我们一起看看吧。
页面元素距离浏览器工作区顶端的距离 = 元素距离文档顶端偏移值 - 网页被卷起来的高度
即:
页面元素距离浏览器工作区顶端的距离 = DOM元素对象.offsetTop - document.documentElement.scrollTop
1、监听scroll事件,实现吸顶功能
window.addEventListener("scroll",()=>{ let scrollTop = document.documentElement.scrollTop || document.body.scrollTop; let offsetTop = document.querySelector('#searchBar').offsetTop; if (scrollTop > offsetTop) { document.querySelector('#searchBar').style.position="fixed"; document.querySelector('#searchBar').style.top="0"; } else { document.querySelector('#searchBar').style.position=""; document.querySelector('#searchBar').style.top=""; }})
2、css实现吸顶
position: sticky; top:0
感谢大家的阅读,希望大家收益多多
本文转自:https://blog.csdn.net/zqyzqy22/article/details/90634702
推荐教程:《JS教程》
以上就是手把手教你如何实现前端的吸顶效果的详细内容,更多请关注ki4网其它相关文章!
一分钟了解Html中CSS的三种链接方式_WEB前端开发
在html中CSS有三种链接方式,你知道是哪三种吗?三种css文本的链接方式分别是内联定义、链入内部css、和链入外部css,下面我们一起看看吧。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)