Thứ Sáu, 27 tháng 9, 2019

Tạo Sticky cho nhiều Widget của blogspot ( Ver 2 )

Chào mọi người, Hùng Coder hôm nay được ngày rảnh rổi nên lò mò trên internet xem mấy thứ linh tinh :D, ai ngờ mình mới tìm được 1 thủ thuật mới cho các BLOGGER




Thủ thuật này rất đơn giản cho những bạn muốn tạo 1 sticky trượt như những template chia sẽ trên mạng. Nên hôm nay mình phải đem em nó về chia sẽ cho những blogspot mới vào nghề :D

Full Code
<!-- sticky hungcoder.com -->
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<script type='text/javascript'>
//<![CDATA[
//Sticky Fixed
$(function(){if($("#Label1").length){var o=$("#Label1"),t=$("#Label1").offset().top,i=$("#Label1").height();$(window).scroll(function(){var s=$("#subscribe-box").offset().top-i-50,f=$(window).scrollTop();if(f>t?o.css({position:"fixed",top:20}):o.css("position","static"),f>s){var n=s-f;o.css({top:n})}})}});
//]]>
</script>
</b:if>
<!-- end -->

Các bạn chỉ cần thay đổi phần mình bôi đỏ trong đoạn code để có hiểu ứng sticky cho blogspot và thêm đoạn code mình bôi xanh để hiệu ứng đó dừng lại :D
DEMO ở phần LABEL

Chúc Các Bạn Thành Công :D 

4 blogger-facebook

avatar

Hehe, k có gì :) thủ thuật phổ biến hiện này mà :D

avatar

Hay đó e :) đang cần :D


EmoticonEmoticon