“绝对位置”风格的元素滚动到"保持在顶部菜单"

时间:2014-03-23 13:11:14

标签: javascript html css3

我意识到这可以在很多场合得到说明但是 - 我对任何形式的网络开发都很陌生,我一直在努力将各种代码片段相互合并以帮助我的知识。我编写了一个主页,在其上我有一个图像,Parola-Icon.png和两个文本块,我使用这种代码风格定位

<img style="position:absolute; top:570px; left:217px; width:183px; height:213px" src="http://www.pedroduino.com/wp-content/uploads/2014/02/Hardware-Parola-Icon.png">

然后我将我开发的页面内容合并到一个我在这里找到的顶级菜单代码

http://www.1stwebdesigner.com/tutorials/create-stay-on-top-menu-css3-jquery/

菜单部分显然完美无缺,但问题是当我向下滚动页面时,三个“位置绝对”样式元素向上滑动而不是在菜单后面。我确实尝试过更改position属性的值,但无济于事。请记住,我的技能足以说明最小化,任何人都可以帮助我找出并纠正这个问题。此页面的三个文件不在实际网站上,但我已将它们发布在Github上。

https://gist.github.com/Pedro147/f8c4f78c0b51f9a8717f

他们被命名为

  • index_1.html
  • style_1.css
  • 唠叨-menu.js

如果有人可能花时间看一眼,我会非常感激。 我希望我已经充分解释了自己 谢谢佩德罗。

0 个答案:

没有答案