I am doing a website using a free slider from here. I want to use the slider with a nav bar at the top of the page. My problem is, whenever I add the navbar in to the page the slider begins to scroll up and down. If I remove my nav bar everything works fine. When the slider scrolls, only the arrow buttons and the page tabs at the bottom scroll but not the image. My website is MQMGaming.com. Is there anyway to keep the slider from scrolling so it is the same as without the nav bar?
Thanks in advance.
It's not the navigation itself causing the issue, it's the two br tags you have after the nav ends. If you remove them it works fine.
Related
Hi to all,
i was making a slider where i want some thing like below image.
more in details vise in a picture
actualy one of my slider slide got a scroll bar .where i want it as when the user first scroll the page first the slider scoller should scroll and then the slider scroller end ,the page scroller should work normaly.
i have no idea how to do it in jquery but seen those kind of effect in many sites.
please help me and thanks in advance
I have a website that includes an image gallery that turns into a slideshow on click. The website is divided into 4 vertical sections and you navigate through it (jumping up/down from one section to the next) with a smooth scroll effect by clicking on the main navigation menu.
Everything works perfect with Firefox, but when I open it with Chrome 2 major problems:
1. The page keeps bouncing up and down like a yo-yo whenever you're in the "projects" section. Click on "Projects" in the main nav menu and you will see what I mean.
2. The slideshow doesn't work properly. Click on "Artwork". Then click on any image. You'll see that if you do this in Firefox the navigation menu is hidden behind the slides. However, with Chrome they are in the front. I have set the Z-index of the slides with #slideshow img {z-index: 1000} so I really have no idea why this is happening.
You will find my website here:
http://ninetieschild.github.io/my-site/
Thanks so much.
Issue:
$window.bind("scroll resize", function() {`
is wrong. It keeps auto executing continuously.
As this statement is always true
if(scrollTop > $('#services').offset().top-$(window).height()+300 && scrollTop < $('#about').offset().top-$(window).height()+$('#cogs').height()){
transform functionality after changes window size/scroll so the function gets executed again.
What are you trying to accomplish?
You just want to click on me menu and get scroll to that specific sections?
I followed the steps in this tutorial to make a slideout footer. http://tutorialzine.com/2013/08/slideout-footer-css/
I am trying to make this footer reveal itself with a button click instead of scroll. Something similar to what was discussed here on this question Toggle a footer by clicking a button situation except
I don't want footer to slideout into view, but the whole page to slide up to reveal the footer behind. Effect similar to the Gnome-Shell-3 Message Bar.
I tried used a scroll to method to trigger page scrolling up but i am unable to disable the actual scroll. Any Idea how to achieve this?
Hey Im using bootstrap's scrollspy to have a sidenav move with my content. The problem is I have a massive footer and when the user keeps scrolling past the main body content, the sidenav keeps scrolling and overlaps the footer. Is there an easy work around for this?
Assuming that you already have your side nav setup and working with twitter bootstrap you would use the data-offset-bottom to stop it from scrolling in your footer. Heres an example:
<div id="leftnav" data-spy="affix" data-offset-top="149" data-offset-bottom="385">
You will have to play around with the numbers so that it works with the sizes of your footer so it will stop before it reaches the bottom. You can read about it here. Hope that helps.
I'm trying to get foundations navbar working, but somehow it won't work.
It snaps about 250px too early. Just scroll down, the scroll bar should get sticky on top once it hits the top.
Javascript and CSS is loaded correctly.
I'm using Foundation 4.2.2 btw :)
The website I'm talking about:
http://gaumengut.lucid-lemon.com/index.php