|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| − | <script>
| |
| − | $(window).on('scroll',function() {
| |
| − | if($(window).scrollTop())
| |
| − | {
| |
| − | $('.container').css('background', '#808080');
| |
| − | $('nav ul li ul').css('background', '#808080');
| |
| − | $('nav').css('opacity','1');
| |
| − | }
| |
| − | else
| |
| − | {
| |
| − | $('.container').css('background', '#000000');
| |
| − | $('nav ul li ul').css('background', '#000000');
| |
| − | $('nav').css('opacity','1');
| |
| − | }
| |
| − | });
| |
| − | // When the user scrolls the page, execute myFunction
| |
| − | window.onscroll = function() {myFunction()};
| |
| − |
| |
| − | function myFunction() {
| |
| − | var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
| |
| − | var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
| |
| − | var scrolled = (winScroll / height) * 100;
| |
| − | document.getElementById("myBar").style.height = scrolled + "%";
| |
| − | }
| |
| − |
| |
| − | $(document).ready(function(){
| |
| − | // Add smooth scrolling to all links
| |
| − | $("a").on('click', function(event) {
| |
| − |
| |
| − | // Make sure this.hash has a value before overriding default behavior
| |
| − | if (this.hash !== "") {
| |
| − | // Prevent default anchor click behavior
| |
| − | event.preventDefault();
| |
| − |
| |
| − | // Store hash
| |
| − | var hash = this.hash;
| |
| − |
| |
| − | // Using jQuery's animate() method to add smooth page scroll
| |
| − | // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
| |
| − | $('html, body').animate({
| |
| − | scrollTop: $(hash).offset().top
| |
| − | }, 800, function(){
| |
| − |
| |
| − | // Add hash (#) to URL when done scrolling (default click behavior)
| |
| − | window.location.hash = hash;
| |
| − | });
| |
| − | } // End if
| |
| − | });
| |
| − | });
| |
| − |
| |
| − | $(window).on('scroll',function() {
| |
| − | if($(window).scrollTop())
| |
| − | {
| |
| − | $('.container').css('background', '#808080');
| |
| − | $('nav ul li ul').css('background', '#808080');
| |
| − | $('nav').css('opacity','1');
| |
| − | }
| |
| − | else
| |
| − | {
| |
| − | $('.container').css('background', '#000000');
| |
| − | $('nav ul li ul').css('background', '#000000');
| |
| − | $('nav').css('opacity','1');
| |
| − | }
| |
| − | });
| |
| − | $(document).ready(function(){
| |
| − | $('#fullPage').fullpage({
| |
| − | scrollingSpeed: 30,
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| | | | |
| | <style> | | <style> |
