diff options
author | Ned Batchelder <ned@nedbatchelder.com> | 2021-10-22 22:30:08 -0400 |
---|---|---|
committer | Ned Batchelder <ned@nedbatchelder.com> | 2021-10-23 07:26:44 -0400 |
commit | 5da82cc579a69b5a53f9c15dfce28e37917d1579 (patch) | |
tree | 4cca28877e06a7c7816049f5d98bc85d3ebdc629 /coverage/htmlfiles/coverage_html.js | |
parent | e2281bc901150bafb6f64e62807b32abf22520a7 (diff) | |
download | python-coveragepy-git-5da82cc579a69b5a53f9c15dfce28e37917d1579.tar.gz |
refactor(html): a one-header sticky header
Diffstat (limited to 'coverage/htmlfiles/coverage_html.js')
-rw-r--r-- | coverage/htmlfiles/coverage_html.js | 16 |
1 files changed, 6 insertions, 10 deletions
diff --git a/coverage/htmlfiles/coverage_html.js b/coverage/htmlfiles/coverage_html.js index 182e518c..cba668a8 100644 --- a/coverage/htmlfiles/coverage_html.js +++ b/coverage/htmlfiles/coverage_html.js @@ -611,24 +611,20 @@ coverage.build_scroll_markers = function () { }; coverage.wire_up_sticky_header = function () { - const body = document.querySelector('body'); + const header = document.querySelector('header'); const header_bottom = ( - document.querySelector('header .content .stats').getBoundingClientRect().top - - document.querySelector('header').getBoundingClientRect().top + header.querySelector('.content h2').getBoundingClientRect().top - + header.getBoundingClientRect().top ); function updateHeader() { if (window.scrollY > header_bottom) { - body.classList.remove('bighead'); - body.classList.add('littlehead'); + header.classList.add('sticky'); } else { - body.classList.add('bighead'); - body.classList.remove('littlehead'); + header.classList.remove('sticky'); } } + window.addEventListener('scroll', updateHeader); updateHeader(); - window.addEventListener('scroll', function() { - updateHeader(); - }); }; |