| | |
| | | height: 100%; |
| | | width: 100%; |
| | | } |
| | | |
| | | /*=============== SCROLL UP ===============*/ |
| | | .scrollup { |
| | | text-decoration: none; |
| | |
| | | position: fixed; |
| | | right: 1rem; |
| | | bottom: -55%; |
| | | background-color: rgb(108,167,168); |
| | | background-color: rgb(108, 167, 168); |
| | | box-shadow: 0 8px 12px hsla(228, 66%, 45%, .1); |
| | | display: inline-flex; |
| | | padding: .35rem; |
| | |
| | | transition: .3s; |
| | | font-size: 8px; |
| | | } |
| | | |
| | | .scrollup:hover { |
| | | transform: translateY(-.25rem); |
| | | } |
| | | |
| | | /* Show Scroll Up*/ |
| | | .show-scroll { |
| | | bottom: 5%; |
| | |
| | | .news-desc { |
| | | font-size: 14px; |
| | | } |
| | | |
| | | .level-1 { |
| | | color: #333333; |
| | | } |
| | | |
| | | .level-2 { |
| | | color: #0087ec; |
| | | } |
| | | |
| | | .level-3 { |
| | | color: red; |
| | | } |
| | |
| | | <script> |
| | | var autoScroll = true; |
| | | |
| | | function scrollUp(){ |
| | | function scrollUp() { |
| | | const scrollUp = document.getElementById('scroll-up'); |
| | | if(this.scrollY >= 100) scrollUp.classList.add('show-scroll'); else scrollUp.classList.remove('show-scroll') |
| | | if (this.scrollY >= 100) scrollUp.classList.add('show-scroll'); else scrollUp.classList.remove('show-scroll') |
| | | } |
| | | |
| | | window.addEventListener('scroll', scrollUp) |
| | | |
| | | $(document).on('click ','#scroll-up', function () { |
| | | $(document).on('click ', '#scroll-up', function () { |
| | | window.scrollTo(0, 0); |
| | | autoScroll = false; |
| | | }) |
| | | |
| | | $(document).on('click ','body', function () { |
| | | $(document).on('click ', 'body', function () { |
| | | autoScroll = false; |
| | | }) |
| | | |
| | | setInterval(()=>{ |
| | | setInterval(() => { |
| | | $.ajax({ |
| | | url: baseUrl + "/news/print", |
| | | // headers: {'token': localStorage.getItem('token')}, |