收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1523|回复: 3

[jquery] 怎么实现滚动条一往下滚动图片margin-top就变为20px,在线等

[复制链接]
发表于 2013-12-10 21:34:26 | 显示全部楼层 |阅读模式
滚动条往下面一滚动margin-top: 10px;就变成margin-top: 20px;如果滚动条再次滚到最上边然后又恢复,而且这个过程还带一个渐变效果,在线等。大虾帮帮忙
  1. <style type="text/css">
  2. .a{height:10000px; }
  3. img{margin-top: 10px;}
  4. </style>
  5. <img src="images/logo.png" />
  6. <div class="a"><div>
复制代码
发表于 2013-12-11 11:20:39 | 显示全部楼层
用JQ新手也能做出来,这么简单都不动手,一辈子也学不会。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2013-12-11 14:31:01 | 显示全部楼层
daddy 发表于 2013-12-11 11:20
用JQ新手也能做出来,这么简单都不动手,一辈子也学不会。

不会啊,也不知道怎么学习
回复 支持 反对

使用道具 举报

发表于 2013-12-13 22:45:31 | 显示全部楼层
css 代码 #box{width:100px;height:100px;background:#abcdef;position:absolute;}
    body{height:3000px;}

jquery 代码 $(function(){
                   $(window).scroll(function(){
                        $('#box').stop().animate({'top':'+=100'},500);
                        if($(this).scrollTop()==0){
                                $('#box').animate({'top':10},500);
                        }
                })       
        })

body体加上 <div id="box"></div>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-8-7 09:41 , Processed in 0.093513 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表