Tạo các nút liên hệ và chỉ hiển thị khi scroll đến vị trí xác định

Tạo các nút liên hệ và chỉ hiển thị khi scroll đến vị trí xác định

Nút liên hệ là một trong những yếu tố bắt buộc phải có với những Blog có chủ đề về dịch vụ, bán hàng, tuy nhiên chúng thường nằm ở một vị trí cố định và thường chiếm diện tích gây mất thẩm mỹ và vì lý do đó chúng ta sẽ làm ẩn nó đi và chỉ cho hiển thị khi đã scroll chuột đến một vị trí xác định. Cách thực hiện gồm 3 bước sau: 1. Code Css Phần style cho các nút liên hệ mình sẽ đặt cố định ở giữa bên phải trang web bao gồm 4 nút theo thứ tự: gọi điện, nhắn tin, chát facebook và chat zalo Copy .echbay-sms-messenger{position:fixed;top:50%;right:0;transform:translate(-0,-50%);z-index:999!important;display:none} .echbay-sms-messenger div{width:45px;margin:7px 0;background:#0084FF center no-repeat;background-size:70%;border-radius:50%} .echbay-sms-messenger div:first-child{margin-top:0} .echbay-sms-messenger div:last-child{margin-bottom:0} .echbay-sms-messenger a{display:block;line-height:45px} .echbay-sms-messenger div.phonering-alo-alo{background-color:#0080c0} .echbay-sms-messenger div.phonering-alo…