Make button go to top

<script>
$(document).on("scroll",function(){
console.log($(this).scrollTop());
if($(this).scrollTop()>100){
$("#top_b").fadeIn();
}else{
$("#top_b").fadeOut();
}
});
$(document).ready(function() {
$('#top_b').on("click",function(){
console.log($.now());
$('html, body').animate({scrollTop : 0},500);
return false;
});
});

</script>
<style>
#top_b{
position:fixed;
bottom:20px;right:20px;
display:none;
}
</style>
<a href="#" id="top_b">Top</a>

Document and window event

<script>
$(document).on("mousedown",function(e){
console.log("1 width:" + $(window).width()+" "+$.now());
console.log("1 height:" + $(window).height()+" "+$.now());
console.log("1 D_width:" + $(document).width()+" "+$.now());
console.log("1 D_height:" + $(document).height()+" "+$.now());
})
$(document).on("mouseup",function(e){
console.log("2 width:" + $(window).width()+" "+$.now());
console.log("2 height:" + $(window).height()+" "+$.now());
console.log("2 D_width:" + $(document).width()+" "+$.now());
console.log("2 D_height:" + $(document).height()+" "+$.now());
})
$(window).on("resize",function(e){
console.log("Resize width:" + $(window).width()+" "+$.now());
console.log("Resize height:" + $(window).height()+" "+$.now());
console.log("Resize D_width:" + $(document).width()+" "+$.now());
console.log("Resize D_height:" + $(document).height()+" "+$.now());
})
$(document).on("scroll",function(e){
console.log("Scroll width:" + $(window).width()+" "+$.now());
console.log("Scroll height:" + $(window).height()+" "+$.now());
console.log("Scroll D_width:" + $(document).width()+" "+$.now());
console.log("Scroll D_height:" + $(document).height()+" "+$.now());
})
</script>

menu show and hide part 2

<style>
.box_left{
background: white;
position:fixed;
top:100%;
min-height: 100%;
width:100%;
z-index: 37222;
left:0;
opacity:0;
}
button.btn.btn-info.hide_menu {
position: absolute;
right: 10px;
top: 10px;
background: rgb(73, 73, 98);
color: white;
padding: 10px;
border-radius: 8px;
}
.box_left .content_box{
padding:10px;
overflow:scroll;
top:50px;
left:0;
right:0;
bottom:0;
position:absolute;
}
</style>
<script type="text/javascript">
$(document).on("click",function(e){
console.log($(e.target).attr("id"));
});
$(document).ready(function() {
$(".show_menu").on("click",function(){
console.log($.now());
$(".box_left").animate({top: "0",opacity:1},500);
});
$(".hide_menu").on("click",function(){
console.log($.now());
$(".box_left").animate({top: "20%",opacity:0},500);
$(".box_left").animate({top: "100%",opacity:0},200);
});
});
</script>
<button type="button" class="btn btn-info show_menu">show_menu</button>
<div class="box_left">
<button type="button" class="btn btn-info hide_menu">Close</button>

<div class="content_box">
<h1>Content</h1>
 <p> 21 năm làm cán bộ chủ chốt của thành phố, từ chủ tịch qua bí thư là thời gian quá dài, quá lâu. Làm việc lâu, có cái lợi là mình có kinh nghiệm, quen việc, bản thân chín chắn hơn để giải quyết công việc. Nhưng cái bất lợi chính là tư duy theo lối mòn, ngại đột phá, đổi mới.</p>

<p>Tuổi tác tôi bây giờ đã lớn, tư duy cũng như độ nhạy bén, xông xáo không bằng ngày xưa nữa. Mình còn đương chức, ngồi đó cứ như cây đa, cây đề khiến nhiều anh em phía sau không dám nói ra những điều mới, vô hình trung mình đã làm lụi đi những tư duy mới. Thêm vào đó, mình ngồi đây thì nhiều anh em dựa dẫm miết, tạo thành thói ỷ lại, như vậy là bất ổn. </p>

<p>Cũng có người hỏi tại sao mình không chờ cơ hội để tiến chức? Nhưng tôi nghĩ nơi nào làm tốt thì mình làm. Có thể Nguyễn Sự ở Hội An còn làm được vài ba việc, nhưng nếu ở chỗ khác thì không làm được gì. Tôi có thể trở thành người như ngày hôm nay, là phải gắn với Hội An. Hội An làm nên Nguyễn Sự, chứ không phải Nguyễn Sự làm nên Hội An. Tôi không khiêm tốn mà nói rất thật. Tôi cảm ơn Hội An, cảm ơn cuộc đời này.</p>

<p>Thực ra, ngay từ đầu nhiệm kỳ thứ hai nhận chức Bí thư Thành ủy Hội An, tôi đã tuyên bố với anh em sẽ cố gắng duy trì nhiệm vụ đến nửa nhiệm kỳ và bàn giao lại. Năm 2013 tôi viết đơn xin nghỉ, nhưng không được tập thể chấp nhận và lần này thì được sự ủng hộ của tập thể cũng như lãnh đạo tỉnh. Tôi đã nói một câu rằng, 40 năm Đảng và tổ chức quyết định tôi rồi, bây giờ hãy để tôi tự quyết định. Bản thân đã suy nghĩ rất nghiêm túc về vấn đề này.</p>

<p>Về phía gia đình, tôi đã chuẩn bị tư tưởng cách đây một năm. Con tôi nói nếu vì sức khỏe mà ba nghỉ thì tụi con ủng hộ, nếu là công dân</p>
</div>

</div>

Menu hide and show

Click outsite

Click outsite to close box