[FIX] better scrollbar/footer interactions

This commit is contained in:
mDuo13
2014-09-05 14:32:53 -07:00
parent 96576a36f4
commit 720a39e666
7 changed files with 23 additions and 10 deletions

View File

@@ -62,8 +62,13 @@ body .content-root {
margin-right: auto;
margin-left: auto;
margin-top: 50px;
margin-bottom: 181px;
margin-bottom: 0;
}
.menubar.fixed.leaveroomforfooter {
margin-bottom: 183px;
}
.header-subnav li a:active {
color: #f09 !important;
}
@@ -78,7 +83,7 @@ color: #f09 !important;
padding: 0 !important;
}
@media (min-width: 768px) {
@media (min-width: 720px) {
.menubar {
right: 794px;
}
@@ -173,7 +178,7 @@ color: #f09 !important;
font-size: 14px;
}
@media (max-width: 768px) {
@media (max-width: 720px) {
.right {
float: left;

View File

@@ -66,9 +66,9 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
fetcher: Flatdoc.file('gatewayd.md')
});
</script>
<!-- Temporary shims until I modify the css directly -->
<link type='text/css' rel='stylesheet' href='css/mod.css' />
<script src='js/expandcode.js'></script>
<script src="js/fixsidebarscroll.js"></script>
</head>
<body role='flatdoc' class='no-literate'>

7
js/fixsidebarscroll.js Normal file
View File

@@ -0,0 +1,7 @@
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() > $(document).height() - 183) {
$(".menubar.fixed").addClass("leaveroomforfooter");
} else {
$(".menubar.fixed").removeClass("leaveroomforfooter");
}
});

View File

@@ -67,8 +67,8 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
fetcher: Flatdoc.file('ripplerest_api.md')
});
</script>
<!-- Temporary shims until I modify the css directly -->
<link type='text/css' rel='stylesheet' href='css/mod.css' />
<script src="js/fixsidebarscroll.js"></script>
<script src='js/expandcode.js'></script>
</head>

View File

@@ -15,8 +15,8 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Flatdoc -->
<!-- <script src="https://dev.ripple.com/vendor/flatdoc/v/0.8.0/legacy.js"></script>
<script src="https://dev.ripple.com/vendor/flatdoc/v/0.8.0/flatdoc.js"></script>-->
<script src="https://dev.ripple.com/vendor/flatdoc/v/0.8.0/legacy.js"></script>
<script src="https://dev.ripple.com/vendor/flatdoc/v/0.8.0/flatdoc.js"></script>
<!-- Bootstrap -->
@@ -73,9 +73,9 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
fetcher: Flatdoc.file('websocket_api.md')
});
</script>-->
<!-- Temporary shims until I modify the css directly -->
<link href="css/mod.css" rel="stylesheet" type="text/css">
<script src="js/expandcode.js"></script>
<script src="js/fixsidebarscroll.js"></script>
</head>
<body class="no-literate" role="flatdoc">

View File

@@ -69,6 +69,7 @@ mixpanel.init("132d42885e094171f34467fc54da6fab");
</script>
<link type='text/css' rel='stylesheet' href='css/mod.css' />
<script src='js/expandcode.js'></script>
<script src="js/fixsidebarscroll.js"></script>
</head>
<body role='flatdoc' class='no-literate'>

View File

@@ -685,12 +685,12 @@ a.big.button:hover:visited {
border-bottom: solid 1px #dfe2e7;
}
}
@media (max-width: 768px) /* Mobile and tablet */ {
@media (max-width: 990px) /* Mobile and tablet */ {
.menubar {
display: none;
}
}
@media (min-width: 768px) /* Desktop */ {
@media (min-width: 990px) /* Desktop */ {
.content-root {
padding-left: 230px;
}