scrollbar insde one onther scroll bar - javascript

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

Related

How to show user that swipe is possible on main page

I have a few slides on main page but for user it's not clear that another views are available. I would like to show a demo that it's possible to swipe left by showing an piece of next slide. I just made next slide show, but it's not smooth.
$scope.nextSlide();
setTimeout($scope.prevSlide(), 1500);
How do i do swipe demo?
I would recommend to use an animated gif that shows the user the functionality. There are a lot of virtual tours like Intro that also could help.

How can I make smooth transitions between webpages of the same website by sliding only part of the screen

In my webpage right now I have three buttons each filling a third of the page width and all the page height. i want to make it so if I click on the first button the second two slide off to the right and the first button remains on the screen, I've done a bit of research and come up with nothing. if you need more information let me know thanks in advance!
You can do this with css and js here is a tutorial from css-tricks

When using fullPage.js to create a "sliding page" effect: how do you get the sliding page to stop before a button bar?

I'm trying to get a fullPage.js slider to function properly for a particular design. It should slide up in the same manner it does here. The only difference is, when it arrives at the top, I'd like the sliding page to stop before a button bar.
I've attached a series of graphics below to demonstrate visually what is happening. Does anyone have an idea how to make this work?
Use the fullpage.js paddingTop option with the height of your menu.

Why is my slider scrolling? How can I stop it from scrolling?

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.

How to keep on adding/showing items on my page while scrolling the vertical bar

Thanks a lot for all ur supports...Now I've a problem to resolve..I want to scroll the vertical bar and show the items in the page to appear as the scroll will go down(the way it happens in facebook page..It keeps on adding lists,items,comments,images as u keep on dragging the vertical scroll bar down)...Right now I don't have any code segment to use..and I've least idea regarding this..Please help me out..Preferable language/script could be asp.net,html,javascript,css,C# as I don't have any knowledge on PHP and MySQL..
This is called infinite or continuous scrolling, and it's mostly done in combination with jQuery.You can find some links below - though i couldn't find a working demo (and i know nothing about asp.net).
http://www.eggheadcafe.com/tutorials/asp-net/b8381915-06d9-4538-b4bb-5ac2a8e73f34/implementing-continuous-scrolling-ui-pattern-in-aspnet.aspx
http://weedallaboutit.wordpress.com/2011/10/13/infinite-scrolling-with-an-asp-net-webform-jquery-and-a-little-bit-of-code/
http://studentguru.gr/b/xinarisc/archive/2011/05/29/infinite-scrolling-with-jquery-amp-asp-net.aspx

Categories