我写了一个JQuery头部导航浮动在头部导航的css加上了position:fixed;left:0;top:0但是头部就被隐藏起来了

html-css017

我写了一个JQuery头部导航浮动在头部导航的css加上了position:fixed;left:0;top:0但是头部就被隐藏起来了,第1张

$(document).ready(function(){

    $(".daohang").hide()//默认导航隐藏

    $(window).scroll(function(){

        if($(document).scrollTop()>300)

        {

            $(".daohang").show()//当滚动大于300出现

        }

    })

})

另,fixed在ie下面的支持不太好。 可能也有这个的原因。解决办法你可以百度搜下ie下fixed的解决方案。

1、新建一个html页面。

2、在html页面上新建三个div标签,分别为这三个div添加class为:header、main、footer。

3、创建style标签用于设置css样式。在title标签下创建一个style标签,然后为header类设置div的高、背景颜色样式。

4、为显示主要内容的main类设置样式。在style标签里设置main类样式的边框、宽、高、背景颜色。

5、设置底部footer的样式。在style标签里添加footer类样式的背景颜色和高度。

6、保存好html文件后使用浏览器查看效果。

7、在浏览器上看到div标签和浏览器存在一些空白的像素,为了去掉这些空白的像素我们需要把body标签设置外边框。

将底部的内容定位到顶部,只要在css层上面加上一个浮动,将定位至top设置成0即可。说明如下:

position:absolute(将对象浮动)

top:0(将对象定位对顶部)

整体css示范如下:

<div style="position:absolute top:0 width:100% height:50px background:#000 color:#FFF text-align:center">内容顶部</div>

如要将内容放至底部,只需将top:0修改成bottom:0即可,整体css未范如下:

<div style="position:absolute bottom:0 width:100% height:50px background:#000 color:#FFF text-align:center">内容底部</div>

希望我的回答能令你满意!