len0rd/personal-website
1
0
Fork 0
mirror of https://github.com/len0rd/personal-website.git synced 2025-09-08 23:27:50 -04:00
Code Issues 1 Projects 1 Releases Packages Wiki Activity

dynamic scrollspy for projects works. ideally will tweak a bit more to make it look nicer

Browse source
This commit is contained in:
len0rd 2018-08-05 13:07:12 -04:00
parent af215bca5d
commit a8d776e1d0
3 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
views/pages/projects/project_template.ejs
View file

@ -15,10 +15,10 @@
<div class="container mt-5">
<div class="row">
<div class="col-3 mt-5">
<%- include(rootPath + page + navExt) %>
<div class="col-3 mt-5" id="scrollBar">
</div>
<div data-spy="scroll" data-target="#nav-scroll" data-offset="0" class="col-9 mt-5 pt-5 pb-5">
<div data-spy="scroll" data-target="#scrollBar" data-offset="0" class="col-9 mt-5 pt-5 pb-5">
<%- include(rootPath + page) %>
</div>
</div>
@ -26,5 +26,11 @@
<%- include(rootPath + 'partials/footer') %>
<%- include(rootPath + 'partials/post_html_include') %>
<script type="text/javascript" src="/script/dynamicscrollspy.min.js"></script>
<script>
$('#scrollBar').DynamicScrollspy({
ulClassNames: 'navbar navbar-light bg-light sticky-top sticky-offset'
});
</script>
</body>
</html>