jquery固定位置浮动
示例:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 5 <title>test page</title> 6 <script src="./jquery.js"></script> 7 <script type="text/javascript"> 8 $(function(){ 9 10 $(".L_delete_wrap").click(function(){ 11 12 var scrollTop=$(window).scrollTop(); 13 $(".L_delete_wrap").css('top',scrollTop+50+'px'); 14 15 16 }); 17 $(window).scroll(function(){ 18 var scrollTop=$(window).scrollTop(); 19 $(".L_delete_wrap").css('top',scrollTop+50+'px'); 20 }); 21 22 }); 23 </script> 24 </head> 25 26 <body> 27 <a id="tp">dsfsdfsd</a> 28 <div class="L_delete_wrap" style="display: block; position: absolute;"> 29 <div class="m_login_frame_con"> 30 <div class="m_login_frame_tit"><strong>来自网页的消息</strong><a href="javascript:;" class="m_login_frame_colse"> </a></div> 31 <p>删除后该订单将会消失,确认删除?</p> 32 <div class="btns"> 33 <a class="sure" href="javascript:void(0);">确定</a> 34 <input type="hidden" value="<?php echo $item['ordercode'];?>"> 35 <a class="cancel" href="javascript:;">取消</a> 36 </div> 37 </div> 38 <input type="hidden" id="delete_orderno"> 39 </div> 40 41 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> 42 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> 43 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> 44 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> 45 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> 46 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> 47 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> 48 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> 49 50 </body> 51 </html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步