jquery如何实现购物车悬停和切图手机屏幕自适应
2017-02-06| 程成| 1203| 0| jQuery/JS

自己以前做了个总结,购物车悬停和html代码在手机屏幕自适应,主要是切图的时候用得到


代码如下:


   $(function() { 
     var elm = $('.daohang_h3'); 
     var startPos = $(elm).offset().top; 
     $.event.add(window, "scroll", function() { 
       var p = $(window).scrollTop(); 
       $(elm).css('position',((p) > startPos) ? 'fixed' : 'static'); 
       $(elm).css('top',((p) > startPos) ? '0px' : '');
     } 
   });



手机端自适应:

如果原psd图是750,c则iwdith=750,类推。

下面用到的所有图都按实际像素写,不用除以2。

代码如下:



<script language="javascript">
    var phoneWidth = parseInt(window.screen.width),iwidth=750,phoneScale = phoneWidth/iwidth;
    document.write('<meta name="viewport" content="width='+iwidth+', 
    minimum-scale = '+phoneScale+', maximum-scale = '+phoneScale+', target-densitydpi=device-dpi">');
</script>



以上就是我总结的购物车悬停和html代码手机端切图自适应

×
作者:程成
QQ:492245711