JQuery :: Disable Vertical Scroll ONLY?
Jul 11, 2011
I'm using Jquery to power my horizontal scrolling portfolio site.[URL] I have a problem that on a smaller browser window elements becomeverticalscroll-ableand id rather it force you tore-sizerather then break the design. Using the basic CSS Overflow:Hiddenisn'tan option because it then sticks the horizontal scrollbar wherever the end of your page loads at, making anuglybar across the middle of largerresolutionscreens. I used a mootools approach thatremovesonly one of the scrollbars, but mootoolsdoesn'tplay nice with jquery in this fix.
Has anyone tried to attempt this? or am I just banging my head against a problem andover complicatingthis? I could always just make the page elements smaller, but liking my big photo presentation.
Oh and I dont mind about compatibility with IE6, im in the graphic design business, all the people im showing this too have a more modern browser or use the 64-bit IE.
View 3 Replies
ADVERTISEMENT
Jul 20, 2005
is there any way to disable or lock vertical scroll bars on a browser
window? im a newbie and i just don't want them to appear on my screen.
sometimes they appear on IE but not on mozilla.
View 3 Replies
View Related
Nov 1, 2011
To synchronize the vertical scroll of the following "left" and "right" divs only when the beginning and end of each "blahN " div is reached inside the left div. Both divs have a finite height, which basically insures that the scroll bar will be present. The left div outputs text-based content from various database procedures while the right div outputs images corresponding to the text. The text is nothing more than pages from the website and as you can see inside the left div, each is encapsulated within a subsequent div with an incremental class (i.e.- "blah1", "blah2", and so forth.) When one scrolls through each "blah" content inside of the left div, I would like the right div to output the image that corresponds to the text (again, this data comes from the website through previous transactions.) Here's an example: John Doe comes to the website and starts reading the various pages listed inside the left div.
There might be 2 pages loaded inside the left div, or, there might be 20, but in any event, when he loads the entire page containing all this, the first page will be displayed along with the first pages' image. When he scrolls past this first entry (page) inside the left div, the corresponding image related to it inside the MySQL database is then output as well over in the right div and so on with every other "blahN " piece of content. Right now, the jQuery I'm using has synchronized both divs to scroll at the same time, regardless of specific waypoints that might be reached per-scrolling.
Here's the basic markup I'm using right now:
<div class="left">
<?php
foreach($obj->field_page_objs as $k1=>$v1){
[code]....
few other websites and the responsiveness has been minimal-to-nonexistent. I'm sure this is because of both how I've explained the problem combined with the overall difficulty (or niche-ness) it introduces. In any event, I apologize beforehand if this carries over into this website.
View 4 Replies
View Related
Sep 22, 2010
Not sure if this is a browser feature kind of thing, or if it can be done with a script.
I'm looking at my page: www.mysite.com/index.php?start=0
I scroll to the bottom of the page with the vertical scroll bar, and then click the pagation link to start on page 2, record #50: www.mysite.com/index.php?start=50
Of course, the vertical scroll bar jumps back to the top of my page.
Is there a way to make it remember that the scroll bar was at the bottom (or in the middle)?
View 1 Replies
View Related
Jun 29, 2009
I want to remember the scroll position (Vertical). So I have 100 articles per page and I pick
one article to view its details.. that is on new page. So when I hit the browser button (back) I would like that browser puts the scroller where it was. I think I should use cookies for that... but how?
View 1 Replies
View Related
May 16, 2010
I want the horizontal scroll to be hidden and the vertical scroll shown, how do i do that?
View 2 Replies
View Related
Mar 6, 2009
I have been googleing and searching Sitepoint for a fading or vertical scroll multi browser script with no luck.
Can someone help me finding a good script that work on most popular browsers such FF, IE, Safari and Opera to scroll of fade news. The news content has an image, text and link.
View 5 Replies
View Related
Mar 23, 2011
I have to develop a vertical image scrollbar where 5-6 images will be displayed at a time and up-down movement will be controlled by arrows. I searched alot over net but didnt found exact result. either images were scrolling automatically or they were controlled by the position of mouse-cursor. Also I found script where single image comes on screen at a time (slideshow kind)which was controlled by up-down arrow.
View 1 Replies
View Related
Sep 18, 2007
The problem I'm trying to solve is that the
designer would like to limit the total number of entires shown when
you click on the drop-down arrow of a select box. I'm starting to
think that this isn't possible.
I've tried the following with no luck:
- Setting the height attribute on the select element
- Setting a style height for the select attribute
- Modifying the same through Javascript
- Setting the style overflow-y to scroll
- Setting the size of the select element
At some point in my browsing someone claimed that the vertical scroll
bars are controlled by the OS/Browser and there are no ways to change
this using JS or CSS. That the magic number of IE is 30 entries before
the vertical scroll bar shows up.
View 4 Replies
View Related
Sep 27, 2011
I was wondering if there is a javaScript code for a vertical slider. Basically, I'm presenting a menu, that needs to fit in a certain amount of space and it is much taller than the space allotted.
I was going to use an iframe, but I thought that there might be some JavaScript I could use that would be more elegant. I just need to scroll text on a page.
View 10 Replies
View Related
Sep 27, 2001
How to make it without opening new window in Netscape?
View 2 Replies
View Related
Mar 7, 2010
The link is here [URL] Click on description. Move the scroll bar on the right to the bottom and then click on description again. Instead of the thumbnails scrolling up to hide the description, the main image and header move down. Any tips on addressing this. My brains are a bit frazzled at the moment. Do I need to fix the vertical scroll position somehow. What properties do I need to be looking at? (Note : I'm currently animating the height property of the description box.) Second question. I did have auto margins in the wrapper centering the page. When you click on description it causes the scrollbar on the right to appear, which shifts the page over to the left. I've since fixed the margin, but again is there a way around this so that I can center the page again?
View 1 Replies
View Related
Apr 17, 2010
I have a prettyPhoto lightbox plugin on my site. When I click the thumbnail, the lightbox window opens. The problem is that when I scroll, the lightbox shakes violently. I have tried every available option through CSS positioning and none of them suit my situation. I need to be able to DISABLE all scrolling while the lightbox is open.
I tried this:
<SCRIPT type="text/javascript" language="Javascript">
var stop_scroll = false ;
function scrolltop(){
if(stop_scroll ==true){
[Code]....
This does nothing unfortunately and I imagine I am either approaching this incorrectly or I have some kind of syntax error.
View 1 Replies
View Related
May 11, 2004
if there was a script to disable only the horizontal scroll bar in a browser window on a site with frames?
View 7 Replies
View Related
Jun 11, 2010
Does anyone know a way to do vertical sync with javascript animations (getting timers to run on the vertical sync)?
I rather doubt there is a way to do it, but I find it annoying that when I am dragging an object with my mouse that the object "tears" sometimes.
View 1 Replies
View Related
Feb 24, 2009
i have 1 div with scrollbars and another div with a table inside. when user scroll horizontal bar in div1 i want application to scroll the table header from the same amount of pixels and in the same direction. i did not find anything under jQuery about that.. :-(
1. how can i detect in which direction the scroll is done (to the right, or to the left) ?
2. how can i determine how many pixels this scrolling is about ?
3. how to scroll the table header (table tag or th tag) from the same amount of point ?
i found just scrollLeft for now and i'm not successful to use it
View 1 Replies
View Related
Sep 25, 2009
how to make an image/text to scroll as the user scroll the page also? for example if the user scrolls down image/text also scrolls down and when the user scrolls up image/text also scrolls up..
View 6 Replies
View Related
Jan 3, 2007
Is there a way in which we can disable the history scroll functionality in IE? Basically disable the SHIFT key + Mouse Scroll combination.
View 1 Replies
View Related
Jun 13, 2006
Does anyone know of a script that makes a div tag and its contents scroll down the page automatically when you scroll?
View 2 Replies
View Related
Jun 9, 2010
How to design a vertical progressbar. using jquery and css .. Also it must be having a flow like from up to down and vice versa. also the progress must be animated..
View 9 Replies
View Related
Jan 4, 2010
I would like to create vertical coverflow using jquery like this link[URL]omponent-and-vertical-coverflow/
View 1 Replies
View Related
Jul 9, 2009
I need to implement a timeline whereby the user can scroll through the different years i.e 1981 -> 2009. I need to use the jQuery slider but the timeline must be vertical in slider not horizontal as per most of the examples out there i.e [URL]. Any example of a working vertical jQuery slider. The timeline is just going to be in a div and will be text mainly text.
View 1 Replies
View Related
Apr 12, 2011
I need for a design with vertical and horizontal box type of TAB navigation using Jquery. go see below sample image as i provided.
View 2 Replies
View Related
Feb 26, 2010
This is my HTML code:
Code:
<div id="vnav">
<ul>
<li>
<a href="index.php">Home</a>
[code]....
It's basically a vertical list of links, with more specific links hidden inside categories. When you click a category, the specific links should slide down. This is the JS/jQuery part:
Code:
<script type="text/javascript">
function slidey() {
$("#vnav ul li ul").slideDown("slow");
[code]....
so the problem here is that when you click a category, it expands ALL sub-categories and it's supposed to just expand the sub-categories related to the section clicked.
View 4 Replies
View Related
Aug 17, 2010
What I'd like to do is use some sort of jquery plugin to make an image scroller that has a grid of images and scrolls each row and column horizontally and vertically. I'm a bit overwhelmed though and not sure where to start. I want to use fancybox for opening the image so I was hoping someone could point me towards something that would help with the thumbnail scroller?
View 4 Replies
View Related
May 17, 2011
I am working on building a website and have been looking for a jquery plugin with no luck. I am wanting something that doesn't show anything but the image. And then after X number of seconds, the image slides UP and the next image slides up from the bottom of the frame.
This is an example of the kind of plugin I'm after.[URL]
That one shows just the image and you can control speed, but it fades in/out. I just want it to slide up!
View 2 Replies
View Related
