Back to top | Scroll To Top

Back to top | Scroll To Top là gì? đó chính là thanh cuộn trang hoặc dc gọi là trở về đầu trang web.

back to top

vậy chúng ta làm như thế nào? rất đơn giản thôi. chúng ta có thể sử dụng thư viện có sẵn Jquery và một số dòng css cơ bản để làm nha …

Code HTML:

trước hết chúng ta không thể quên thư viện jquery dc…. và các bạn có thể vào đây để lấy bản mới http://jquery.com/

<div id="topcontrol"  class="scrollTo_top">

<a title="Scroll to top" href="">Lên đầu trang</a>
</div>

Code javascript:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script>
jQuery(document).ready(function($) {

//scroll to top
$('.scrollTo_top').hide();
$(window).scroll(function () {
if( $(this).scrollTop() > 100 ) {
$('.scrollTo_top').fadeIn(300);
}
else {
$('.scrollTo_top').fadeOut(300);
}
});

$('.scrollTo_top a').click(function(){
$('html, body').animate({scrollTop:0}, 500 );
return false;
});
});
</script>

Chúc các bạn thành công!

Kho plugin của tôi

DevVN Woocommerce Reviews

Plugin mua hàng nhanh cho woocommerce – Woocommerce Quick buy

Plugin kết nối giao hàng tiết kiệm với Woocommerce – GHTK vs Woocommerce

Plugin Kết nối Zalo OA với WordPress