前端
你好棒棒哦
你好棒棒哦!是的,我很棒棒
展开
-
css伪类选择器之:first-child和:first-of-type
前不久使用伪类选择器的时候,发现有两组用法极为相似的,一组是:first-child、:last-child、:nth-child(n),另一组是:first-of-type、:last-of-type、:nth-of-type(n)。谈一谈在使用中的“诡异”,以及两组伪类选择器的区别。一、first-child“时灵时不灵”以前对伪类选择器还不是很熟悉的时候,有时候会发现:first-c原创 2017-05-24 16:52:19 · 1227 阅读 · 0 评论 -
css类选择符高级用法:多类选择符
侵染大前端也有一段不小的时间了,今天看到css的类选择符中竟然还有平时没有注意到的用法,导致以前的代码中无辜绕了一点弯。.a.b { color: #f00;}多类选择符使用方法注意事项:1.多累选择符使用场景:多个class属性值以空格隔开的情况。2.IE6及更低版本不支持。原创 2017-05-24 16:06:28 · 869 阅读 · 0 评论 -
最新版谷歌浏览器的锚点小问题 用jquery做出ctrl+f的搜索效果
更新谷歌浏览器的锚点小bug因为开发需要,用锚点做了一个搜索定位效果,但是谷歌浏览器更新以后出现小问题。点击点击第一个a标签就跳到第二个所在位置,但是更新谷歌浏览器中遇到的问题是,设置锚点所在的第二个a标签一定要有内容,且不能设置为隐藏。希望遇到这个问题并解决了的小伙伴不吝賜教,没有遇到的就避开这个。 用jquery做出ctrl+f的搜索效果 后面这个分享的是, 用jquery做原创 2016-09-30 14:33:53 · 4610 阅读 · 2 评论 -
js实现动态拖动滚动条效果
一.无动态效果触发事件时,滚动条立马滚动到相应位置。 拖动滚动条 2222 document.getElementById('d1').scrollTop=100;//通过scrollTop设置滚动到100位置 document.getElementById('d1').scrollLeft=200;//通过scroll原创 2017-08-29 10:19:21 · 9668 阅读 · 0 评论 -
js获取页面元素距离浏览器工作区顶端的距离
先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度)(javascript) document.documentElement.scrollTop //firefox(javascript) document.documentElement转载 2017-09-06 15:54:10 · 1537 阅读 · 0 评论