今天来跟大家分享一下,我这几天自己琢磨的这个关于HTML里position的这点事儿。我是想把网页上一个元素给它固定住,不让它跟着滚动条跑。这个需求,挺常见的。
我一开始心里也没底,就想着先试试呗。于是我就开始动手操作。先随便弄一个div啥的,然后给它点样式,让它好看点。然后我就去翻各种资料,发现要用上一个叫position的东西,然后它的值要设置成fixed。我就想,这不挺简单的嘛按着来就是。
实践操作
- 我创建一个HTML文件,里面随便写点内容,加一个div。
- 然后,我就给这个div加个样式,给它设置
position: fixed;
。 - 我还得给它定个位,不然它不知道该固定到哪去。我给它设置
right: 0; bottom: 0;
,让它跑到右下角去。
写完我就赶紧保存,打开浏览器看看效果。你猜怎么着,它还真就乖乖地待在右下角,不管我怎么上下滚动,它都一动不动的,就跟钉在那儿似的。我当时心里还挺美,觉得这玩意儿也没那么难嘛
然后问题来,我发现这个fixed,在有些老破浏览器,比如那个IE6,它就不吃这一套。这下我可有点头疼,这咋整,总不能不管这些老浏览器。于是我又去折腾一番,发现还可以用别的方法来搞定。
具体怎么弄的,我就不细说,反正挺麻烦的,各种试错。总算是找到一个兼容性还不错的方法。这样,不管是什么浏览器打开,这个div都能老老实实地待在该待的地方。
虽然过程有点曲折,但实现,我心里还是挺有成就感的。这大概就是我们这种喜欢动手操作的人的乐趣所在。你把一个东西从无到有,一点点做出来,那种感觉,真的是挺棒的!
这回的分享就到这里,希望对你们有点帮助。记住,动手实践才是硬道理!遇到问题别慌,多试试,总能找到解决办法的。
免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。