javascript固定,javascript固定函数

怎么用js固定某个元素，让它不随页面的滚动而滚动，始终固定在窗口的某个位置？

可以把该元素的定位设置为fixed,该元素就会始终在那个位置，不过要注意IE6下不支持固定定位，兼容IE6可以通过JS实现,不过JS实现的是滑动效果，要想在IE6下也实现固定定位那样的效果没办法做到。

相关问答

Q1: js怎么让一个div块始终保持在页面的固定位置，求列子

建议使用css实现，效果更佳，使用position: fixed，固定定位，具体位置的调整是用top、left、right、bottom也可以使用margin调整

css实现代码

div style="position: fixed;top:100px; left: auto; right: auto;  bottom: auto; " /div

一般的网站的浮动广告以及浮动菜单等可以使用fixed来实现，js的话需要计算位置以及滚动条滚动时触发事件从而进行计算使用window.onscroll事件代码如下

HTML部分代码

div style="position:absolute;background-color:red;width: 50px;height: 50px;" id="box"/div

Javascript部分代码

window.onscroll=function(){

    var box= document.getElementById("box");

    var t = document.documentElement.scrollTop || document.body.scrollTop;

    box.style.top=t+"px";

}

Q2: 如何用JS做固定在网页中的导航条

使元素固定在网页中，不需要用到JS的，只需要用到CSS样式就可以了。

使用css 中的   position:fixed;  fixed是相对于浏览器的定位，设置了这个样式的元素将不会随页面滚动而改变位置，固定在屏幕中。

如 ：

.classname {

position:fixed;

left:0;

top:0;

z-index:9999;

}

Q3: js固定时间倒计时

function countdown(when, callback){

    // 判断当前时间

    var now = Date.now();

    if(when  now){

        throw '开始时间不能小于当前时间';

    }

    // 如果大于当前时间，则过了相差的时间后再执行此函数

       else if(when  now){

        setTimeout(function(){

            countdown(when, callback);

        }, when - now);

    } else{

        // 开始倒计时，这里的逻辑你没有描述

    } 

}

注意，js的定时并不是完全准确的。所有的setXXX之类的延时函数都是等计算机空闲下来才会执行

Q4: JavaScript实现网页中固定div问题

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

加上这个Doctype头，浏览器就进入了standards模式，而不加的话是进入quirks模式，可以参考

在标准模式下使用document.body.scrollTop 获取值， 得到的值始终为0，而如果要想得到希望的结果，可以通过document.documentElement.scrollTop来获取

要获取当前页面的滚动条纵坐标位置，用：

document.documentElement.scrollTop;

而不是：

document.body.scrollTop;

documentElement 对应的是 html 标签，而 body 对应的是 body 标签。

在标准w3c下，document.body.scrollTop恒为0，需要用document.documentElement.scrollTop来代替

如果你想定位鼠标相对于页面的绝对位置时，你会发现google里面1000篇文章里面有999.99篇会让你使用event.clientX+document.body.scrollLeft，event.clientY+document.body.scrollTop，如果你发现你的鼠标定位偏离了你的想象，请不要奇怪，这是再正常不过的事情。

ie5.5之后已经不支持document.body.scrollX对象了。

所以在编程的时候，请加上这样的判断

if (document.body document.body.scrollTop document.body.scrollLeft)

{

top=document.body.scrollTop;

left=document.body.scrollleft;

}

if (document.documentElement document.documentElement.scrollTop document.documentElement.scrollLeft)

{

top=document.documentElement.scrollTop;

left=document.documentElement.scrollLeft;

}