关于固定定位的调试错误
[align=center]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:DW,定位
作者:卢惠圳
撰写时间:2019年1月17日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
我们在制作网页客服图标的时候,会用到固定定位确保图标一直显示在那个位置不会随着窗口高度的移动消失如下图:


如图我们发现2个div位置有所不同一般这个时候我们会调出网页鼠标右键的检查来调整就会出现以下效果如下图:

会发现同样是固定定位红色div会被检查框挤压到上面去破坏布局因为一个是数值一个是百分比,在做网页的时候我们为了方便就用百分比去调整位置而一打开检查的时候就跟上图一样,特别在代码量多了之后比较不容易发现就会去一直调整发现一直不再自己想要的位置上从而浪费时间所以请大家注意不要犯跟我一样的错误。
开发工具与关键技术:DW,定位
作者:卢惠圳
撰写时间:2019年1月17日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
我们在制作网页客服图标的时候,会用到固定定位确保图标一直显示在那个位置不会随着窗口高度的移动消失如下图:


如图我们发现2个div位置有所不同一般这个时候我们会调出网页鼠标右键的检查来调整就会出现以下效果如下图:

会发现同样是固定定位红色div会被检查框挤压到上面去破坏布局因为一个是数值一个是百分比,在做网页的时候我们为了方便就用百分比去调整位置而一打开检查的时候就跟上图一样,特别在代码量多了之后比较不容易发现就会去一直调整发现一直不再自己想要的位置上从而浪费时间所以请大家注意不要犯跟我一样的错误。
...全文
相关推荐
jQuery判断div随滚动条滚动到一定位置后停止
,所以在复制和使用代码时需要自行进行检查和调试,以确保代码能够正常运行。
jQuery实现的自定义弹出层效果实例详解
最后,文章中提到的代码段由于OCR扫描技术的限制,可能存在一些识别错误。但主要的思路和实现方法已经阐述清楚,读者可以根据文章的描述,结合实际开发需要,对代码进行调试和优化。
homepage:DAC主页
错误处理和调试:编写健壮的代码,处理可能的异常情况,并使用浏览器的开发者工具进行调试。通过学习和实践这些知识点,开发者能够掌握如何在实际项目中创建一个具有浮动子菜单的DAC主页,提升网页的用户体验。
我的问答游戏
使用开发者工具(如Chrome DevTools)进行调试,检查元素的实际位置和样式,并在运行时观察元素的变化。
JS采用绝对定位实现回到顶部效果完整实例
**JavaScript专题链接**: 文章最后提及的一些JavaScript专题链接,包括切换特效、查找算法、动画特效、错误调试、数据结构与算法、遍历算法等内容,这些都是JavaScript开发中非常重要的技能


