I am using this type of design in my html and now i want that blue part as a scroll_view vertically in dojo. If I do this for blue div , it is not working for me the whole part is scrolling vertically. I want all part constant with blue as scroll view. How to do that in dojo.
you can use dojo scrollable pane in side a view. check out the below link
http://livedocs.dojotoolkit.org/dojox/layout/ScrollPane
if you still do not get it ping me back.
Related
I have a webpage with a horizontal top sticky navbar 60px high.
On my page, I have links to locations on the same page with Link leading to id="someTarget"
My problem is that when the resulting link is clicked, the page scrolls to the target heading, but it is at the very top of the screen, behind my sticky navbar.
How can I specify that the scroll add a 60px cushion so that the target is at the top of the viewable area, not at the top of the screen?
So far I have just been manually adding in my id="someTarget" a few lines above what I actually want to be the target, but this seems a pretty imprecise way of doing it.
If you are okay with using a CSS framework for this, Bootstrap has what you need. There is an offset option that you could use.
Hello I am trying to make a div scrollable with mouse wheel but its only working with the scroll bar right now the page is http://154.16.127.140/agar/indexBETA.html Please help me ! Ps its the Server Selection div with all the servers and the blue scroll bar.
Here there is an easy example: DIV with wheel scrollable content
If you can't apply let me know I will try to add it in your page.
I try my own suggestion on your page and does not work. Probably as you have many JS some doesn't work together. I try with a page without other JS and it works.
is any chance to have a scroll bar element that I can move where I want on the page but to link with my scroll box? I have created my scroll box ready but I need a scroll bar that should to be moved on other place on page.
Try jQuery Scrollbar - look at Advanced Scrollbars Demo page - External scrollbar.
If you want to use native browser scrollbar (or do not like custom scrollbars), you will have to use two containers - one with your scrollable content and the second one - with scrollbar that attached to first container. Look at question Attach Horizontal Scrollbar to bottom of window if scrollable div is taller than window
so i'm working on a project in html and css, and I want my toolbar to stay on the page as the viewer scrolls down, but when the window is too skinny to display my full toolbar, I want to be able to scroll horizontally to see the rest of it
btw if it helps, I used a table element to make the toolbar
thanks,
bye
Not that hard..
You just need:
position: fixed;
To make it able to scroll horizontally when the window is narrow, just set some arbitrary pixel length (however wide you intend the toolbar to be).
I am trying to recreate the home page of this site... http://spooz-creation.com/
I want to slide a large div (green) that contains other divs (yellow) left and right in the users window (blue). Upon loading, the content div (green) will be centered in the users window like the example site. There will also be a static header (pink) with nav elements.
I really want the scroll to be hover activated like the example site. Also I would like the content giv (green) height to be flexible based off users window height.
Adding the parallax effect on top of all that would be epic but not totally needed if to complicated.
!!!!! (WIREFRAME EXAMPLE) !!!!!!
http://lpaoriginal.files.wordpress.com/2012/07/desktop.jpg
Please help! I've been trying for days to figure this out!
This JQuery plug-in might just do exactly what you're looking for.
JParallax
Been using it for a project I'm currently working on. Great thing about it is you can limit the plug-in to x-axis only or y-axis only.