<!-- /.cart --> 
<style type="text/css">
div.my_float_div{
	position:relative;
	display:block;
	width:220px;
	height:86px;
	background-color:#DCDCF5;
	color:#FFF;	
	padding:5px;
}
</style>
<div style="margin-top:20px;background-color:#520c7d;border:4px solid #FFF;height:86px;" class="my_float_div">

	<div align="center" style="font-size:16px;font-weight:bold;padding-top:20px;">
   	<img src="../image/icon_cart_left.webp" width="45" height="39" />&nbsp;<a href="../cart/index.php" style="color:#FFF;text-decoration:none;">ตะกร้าสินค้า(<span id="mycart2"><?php echo $_SESSION["num_cart"]; ?></span>)</a> </div>
   
</div>
<!-- /.cart --> 
<script type="text/javascript" src="../include/jquery11.js"></script>
<script type="text/javascript">
$(function(){
    // เงื่อนไข event เมื่อมีการเลื่อน scrollbar ในหน้าเพจ  
     $(window).scroll(function(){  
//		เมื่อเลื่อน scroll bar หน้าเพจ ถึงตำแหน่งที่มากกว่าหรือเท่ากับตำแหน่งที่ต้องการ
//		เมื่อเลื่อน scroll bar หน้าเพจ ถึงตำแหน่ง ที่ทำให้ div
//		class ชื่อ my_float_div ชิดขอบบนพอดี หาจากคำสั่ง
//		console.log($(document).scrollTop());
         if($(document).scrollTop()>1300){ 
			$(".my_float_div").css({ /*  */
				'position':'fixed',
				'top':'0px'
			});
         }else{  // เลื่อนกลับมาอยู่ตำแหน่งเดิม ถ้าไม่อยู่ในเงื่อนไข
			$(".my_float_div").css({
				'position':'relative'
			});
         }  
     });  	 
});
</script>