发新贴  快速回复

DOM-滚动条的问题

cnbleach
2014-08-11 17:26
就是滚动条的那一课
为什么这里不能写oDiv3.offsetHeight而写数字400呢
oDiv3.style.height=T/maxtop*400+'px';div{width:40px;}
#div1{height:400px;background:#000;position:absolute;left:0px;top:50px;}
#div2{height:40px;background:red;position:absolute;left:0px;z-index:2;}
#div3{height:400px;width:400px;background:#ccc;position:absolute;left:60px;top:50px;}window.err=function(){
        var oDiv1=document.getElementById('div1');
        var oDiv2=document.getElementById('div2');
        var oDiv3=document.getElementById('div3');
        
        oDiv2.err=function(ev){
            var ev=ev||event;
            var disY=ev.clientY-this.offsetTop;
            var disY2=ev.clientY-oDiv3.offsetTop;
            
            document.err=function(ev){
                var ev=ev||event;
                var T=ev.clientY-disY;
                var H=ev.clientY-disY2;
                var maxtop=oDiv1.offsetHeight-oDiv2.offsetHeight;
                if(T>maxtop){
                    T=maxtop;
                    }else if(T<0){
                        T=0;
                        }
                oDiv2.style.top=T+'px';
                oDiv3.style.height=T/maxtop*400+'px';
                };
            oDiv2.err=function(){
                document.err=oDiv2.onmouseup=null;
                };
            };
};


yuhuan
留QQ   我帮你看下   看完了发给你
2014-08-11 19:54  回复本帖
cnbleach
forum.php?mod=redirect&goto=findpost&pid=29089&ptid=9022
留QQ   我帮你看下   看完了发给你

代码都写了,都在这上面了
2014-08-12 15:00  回复本帖
 
创美易-miaov
forum.php?mod=redirect&goto=findpost&pid=29122&ptid=9022
代码都写了,都在这上面了

可以写的哦~
2014-08-12 15:03  回复本帖
cnbleach
forum.php?mod=redirect&goto=findpost&pid=29123&ptid=9022
可以写的哦~

不行的,你复制上去看看
2014-08-13 17:07  回复本帖
bboylukunlin
有没有注意数据类型装换或者获取到的返回值有px的话。或者在*后把他们2个括号括起来。或者parseInt()一下
2014-08-14 10:19  回复本帖
snoopy1412
oDiv3.offsetHeight 是一直变化的,400是固定不变的。
2014-08-14 12:10  回复本帖
cnbleach
forum.php?mod=redirect&goto=findpost&pid=29177&ptid=9022
有没有注意数据类型装换或者获取到的返回值有px的话。或者在*后把他们2个括号括起来。或者parseInt()一下 ...

跟这个没关系
2014-08-14 18:11  回复本帖
cnbleach
forum.php?mod=redirect&goto=findpost&pid=29182&ptid=9022
oDiv3.offsetHeight 是一直变化的,400是固定不变的。
你说的很对,offsetHeight是变化的,那div3在css里面的height应该是一个什么值?
2014-08-14 18:12  回复本帖
snoopy1412
forum.php?mod=redirect&goto=findpost&pid=29190&ptid=9022
你说的很对,offsetHeight是变化的,那div3在css里面的height应该是一个什么值?
 ...

你可以在事件之前用变量把div3的offsetHeight给存起来,在后面直接,效果和400一样。
2014-08-15 08:38  回复本帖
cnbleach
forum.php?mod=redirect&goto=findpost&pid=29206&ptid=9022
你可以在事件之前用变量把div3的offsetHeight给存起来,在后面直接,效果和400一样。
 ...

我还是弄不明白,offsetHeight和height有什么不同?
offsetHeight是一个文档元素里的值,是可以根据内容的变化而变化的?也叫占位宽,(样式+padding+border)
那css的height是一个什么样的值呢?只是用来给css做样式的?

2014-08-15 10:19  回复本帖
snoopy1412
forum.php?mod=redirect&goto=findpost&pid=29212&ptid=9022
我还是弄不明白,offsetHeight和height有什么不同?
offsetHeight是一个文档元素里的值,是可以根据内容 ...

额,总觉得跑题了,这部分的解释需要你看视频了。

2014-08-15 12:14  回复本帖
cnbleach
forum.php?mod=redirect&goto=findpost&pid=29220&ptid=9022
额,总觉得跑题了,这部分的解释需要你看视频了。

视频是看了,但没弄懂
2014-08-15 16:42  回复本帖
登录 后才可以发表回复