javascript - js滚动算法问题,求助。急
PHP中文网
PHP中文网 2017-04-11 12:25:23
[JavaScript讨论组]

先上地址:
https://jsfiddle.net/4q6LLk4z/

我截图了, 意思是如果红色盒子到了终点的话, 让红色盒子的底部 回到灰色盒子的底部。

PS: 红色的高度是不固定的。 我想了半天都不知道怎么算。

求大神在我原有的代码修改下。

PHP中文网
PHP中文网

认证0级讲师

全部回复(2)
阿神

直接上代码:

var h = $('.box').height() - $('.container').height();
if(h>0){
  $('.box').animate({
    top:-h+'px'
  },1000);
}

更新答案

你是要回弹效果么?

var box_h = $('.box').height();
var con_h = $('.container').height();

$('.box').animate({
  top:-box_h
},1000,function(){
    $('.box').animate({
      top:"+="+con_h
    })
});
阿神

https://jsfiddle.net/jamesfan...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号