| Server IP : 172.67.216.113 / Your IP : 104.23.243.32 [ Web Server : Apache System : Linux cpanel01wh.bkk1.cloud.z.com 2.6.32-954.3.5.lve1.4.59.el6.x86_64 #1 SMP Thu Dec 6 05:11:00 EST 2018 x86_64 User : cp648411 ( 1354) PHP Version : 7.2.34 Disable Function : NONE Domains : 0 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home2/cp648411/public_html/kainumber.com/theme_old/ |
Upload File : |
<!-- /.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.png" width="45" height="39" /> <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>