senaduka/old-saburly-website2
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Improve scrolling

Browse Source
This commit is contained in:
Edin Dazdarevic
2017-12-17 23:20:46 +01:00
parent 9bb4aed8a7
commit d7601552e0
6 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
css/style.css
View File

@@ -99,10 +99,11 @@ body.second .navbar-default .navbar-nav>li>a {
}
.navbar-default .navbar-nav>li>a.contact-large {
padding-top: 5px !important;
padding: 10px !important;
/* padding-top: 5px !important;
padding-bottom: 5px !important;
padding-left: 30px !important;
padding-right: 30px !important;
padding-right: 30px !important;*/
margin-left: 15px;
font-weight: 600;

2
dist/all.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/all.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/index.html vendored
View File

@@ -59,7 +59,7 @@
<li><a href="#second" class="nav-link">SERVICES</a></li>
<li><a href="#expertise" class="nav-link">EXPERTISE</a></li>
<li><a href="#technology" class="nav-link">TECHNOLOGIES</a></li>
<li><a href="#work" class="nav-link">OUR WORK</a></li>
<!-- <li><a href="#work" class="nav-link">OUR WORK</a></li> -->
<li class="hidden-xs"><a href="#contact" class="nav-link contact-large">CONTACT</a></li>
<li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li>
</ul>

2
index.html
View File

@@ -59,7 +59,7 @@
<li><a href="#second" class="nav-link">SERVICES</a></li>
<li><a href="#expertise" class="nav-link">EXPERTISE</a></li>
<li><a href="#technology" class="nav-link">TECHNOLOGIES</a></li>
<li><a href="#work" class="nav-link">OUR WORK</a></li>
<!-- <li><a href="#work" class="nav-link">OUR WORK</a></li> -->
<li class="hidden-xs"><a href="#contact" class="nav-link contact-large">CONTACT</a></li>
<li class="visible-xs"><a href="#contact" class="nav-link">CONTACT</a></li>
</ul>

6
js/custom.js
View File

@@ -3,8 +3,12 @@ $('a.nav-link').click(function(e) {
var target = $($(this).attr("href"));
var marginTop = parseInt(target.css('paddingTop'), 10);
if (target.attr('id') === 'second') {
marginTop = -5;
marginTop = -10;
}
if (target.attr('id') === 'expertise') {
marginTop = 70;
}
$('html, body').animate({
scrollTop: target.offset().top - marginTop
}, 1000);