为了账号安全,请及时绑定邮箱和手机立即绑定

jq我想用animate动画来实现滚动条到一定距离一个div移动为什么没用啊

jq我想用animate动画来实现滚动条到一定距离一个div移动为什么没用啊

我其实就是想当滚动条滚到大于200像素时,然后那个用固定定位的#wei蓝色的div向上移动,可这移动方法有问题啊例如用bottom和right设置动画就没效果 而且这是相对于整个窗口移动的吧,最重要的一点是我想如果滚动条小于200想让div恢复原来滚动条小于200的位置怎么办啊 我这样貌似没用....... <!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>ad</title>    <style type="text/css">        *{margin: 0; padding: 0;}    div{background: red; width: 100%; height: 3000px;}      div#wei{width: 20px;height: 100px; background: blue; position: fixed; top: 500px; left: 100px;}      </style>    <script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>      <script type="text/javascript">             $(function  () {      $(window).scroll(function (){            if ($(window).scrollTop()>200) {              $("#wei").animate({top:'200px'});          }          else {           $("#wei").animate({top:'500px'});          }        });    });        </script></head><body> <div>  <div id="wei"></div> </div></body></html>
查看完整描述

1 回答

  • 1 回答
  • 1 关注
  • 5504 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信