Ghi chú này được cập nhật thường xuyên mà không cần thông báo!

Thêm MathJax vào trang web

Chỉ cần thêm mã dưới đây trước thẻ <head>

Javascript
<script type="text/javascript">
  // SETTINGS
  window.MathJax = {
    jax: ["input/TeX", "output/SVG"],
    tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]},
    SVG: {
      linebreaks: { automatic: true },
      styles: {".MathJax_SVG_Display": {margin: "0.5rem 0", overflow: "auto"}},
      scale: 90
    }
  };
</script>

<script type="text/javascript" async
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-MML-AM_SVG">
</script>

Nút quay lại đầu trang

Để thêm nút Back to top vào trang web của bạn:

- Đặt mã dưới đây trong thẻ <head>

Javascript
<!-- jquery 1.11.0 -->
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>

<!-- back-to-top script -->
<script type="text/javascript">
$(window).load(function(){
  if ($('#back-to-top').length) {
      var scrollTrigger = 100, // px
          backToTop = function () {
              var scrollTop = $(window).scrollTop();
              if (scrollTop > scrollTrigger) {
                  $('#back-to-top').addClass('show');
              } else {
                  $('#back-to-top').removeClass('show');
              }
          };
      backToTop();
      $(window).on('scroll', function () {
          backToTop();
      });
      $('#back-to-top').on('click', function (e) {
          e.preventDefault();
          $('html,body').animate({
              scrollTop: 0
          }, 700);
      });
  }
});
</script>
CSS
#back-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  background: #f5f5f5;
  color: #444;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
}
#back-to-top:hover {
  background: #e9ebec;
}
#back-to-top.show {
  opacity: 1;
}
#content {
  height: 2000px;
}

- Đặt mã html dưới đây trong phần <body>

HTML
<a href="#" id="back-to-top" title="Lên đầu trang">&uarr;</a>

Leave a comment

Plain text only. Comment must be over 20 characters.