Always keep the navigator in view.
diff --git a/src/main/resources/testng-reports.css b/src/main/resources/testng-reports.css
index 1c1f7c1..393760a 100644
--- a/src/main/resources/testng-reports.css
+++ b/src/main/resources/testng-reports.css
@@ -26,18 +26,10 @@
margin-top: 60px;
float: left;
width: 400px;
- position: fixed;
-}
-
-.navigator-root.fixed {
- position: fixed;
- top: 0;
}
.main-panel-root {
margin-top: 60px;
- margin-left: 400px;
- width: 74%;
}
.suite {
diff --git a/src/main/resources/testng-reports.js b/src/main/resources/testng-reports.js
index 1e19a46..f67ce60 100644
--- a/src/main/resources/testng-reports.js
+++ b/src/main/resources/testng-reports.js
@@ -24,6 +24,12 @@
$('.panel').hide();
$('.navigator-link').first().click();
+ // Keep the navigator div always visible
+ var $scrollingDiv = $(".navigator-root");
+ $(window).scroll(function() {
+ $scrollingDiv.stop()
+ .animate({"marginTop": ($(window).scrollTop() + 60) + "px"}, "slow" );
+ });
});
// The handlers that take care of showing/hiding the methods