IE9 And Swffit.js - Vertical Scrollbar In The Window?
Apr 5, 2011
I'm using Miller Medeiros' swffit.js script (swffit - Smart Flash Resize Script - 100% Width and 100% Height) to resize a Flash presentation. It's misbehaving slightly in IE9, and while I can overcome that with an "X-UA-Compatible" meta tag, I'd rather not introduce hacks to accommodate a current browser.For context, here's where everything ends up: Vertical Scrollbar. Click the first thumbnail. Use the little drag handle at lower right to resize the window. This works perfectly in FF3, FF4, Chrome, IE7, and IE8. But in IE9, I end up with a vertical scrollbar in the window.
In that context, there are a lot of "actors" involved, including the Highslide JS expander and the JW Player. But we can eliminate those red herrings. Here's a very stripped-down example, one that involves only swfobject.js, swffit.js, a few lines of HTML, and a boring little SWF file: SWF Fit Minimal. Change the browser window size, and you'll see that in IE9, the vertical scrollbar never goes away, unlike the result in any other browser. For this example, I'm using the swffit.js source code rather than the packed version, to make tinkering easier. The last non-beta version of swffit.js, by the way, has exactly the same problem.My guess is that there's something different about the way IE9 reports the viewport size, or about the way it responds to the resized Flash object, but I don't know how to track down those differences.
View 2 Replies
ADVERTISEMENT
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
Jan 29, 2010
Is there any way to re-establish a vertical scrollbar inside a popup window if the parent window opened the popup without scrolling? For some reason, the asinine people at the local mls decided that their virtual tour links only need to be 800x600 with no scrolling. Here is what I am using to resize the window onload - but I still cannot scroll the page down to see the rest of the page, if this page is not loaded full size:
Code:
var originalWidth = window.innerWidth
var originalHeight = window.innerHeight
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
} func();
}}}
if(originalWidth < 1000){
addLoadEvent(function() {
window.innerWidth = 1000
})}
if(originalHeight < 500){
addLoadEvent(function() {
window.innerHeight = 500
})}
Is there something I can add to this to re-establish the scrollbar?
View 3 Replies
View Related
Jan 4, 2011
Applied this:
[Code]...
View 7 Replies
View Related
Jan 8, 2011
I'm trying to build a background in two parts. The header bg is in the body and the lower part is a div with a gradient background color generated by CSS3 or IE filters. I had problems with getting the gradient to stretch all the way to the side in IE7 with plain CSS so I had to start looking for more watertight solutions.
[Code]...
If there are easier methods to solve this split background thing than JavaScript, I'm all ears. I can PM the address of the website, if someone wants to take a look.
View 5 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
Aug 5, 2003
I have been creating a drop down menu system using fireworks MX and the javascript it creates. On a PC browser, it's fine. On a mac browser (IE5) the scrollbars want to scroll right across the page and right down when there is nothing else to view. Obviously this doesn't look too pretty! And i'm sure it's got something to do with the .js.
Has anyone else come across this or maybe know of a fix?
View 5 Replies
View Related
Jul 30, 2002
ok I created a javascript which opens up a new window and leads to a new page. now in the old browser version there is no scrollbar! alotugh I added scrollbar="yes". what can I do?
View 9 Replies
View Related
Jan 20, 2006
Is it possible to display the select box without scrollbar in my program there is a need for that . The code attached below contains 2 select box and four buttons and the button is used to
interchange the data's in the select box....
View 6 Replies
View Related
Nov 6, 2009
Is there some possibility with php to put the horizontal scroll bar of the web brwser into the center if the "width" of web page are bigger then the "width" of the web browser screen?So I don't need to scroll to right if I open the page, but the horizontal scroll bar will be positioned in the center.That code should do the same think like I when I take the scroll bar and put it in the center position, but this should be happen when I load the page automatically.
View 4 Replies
View Related
Nov 6, 2009
Is there some possibility to put the horizontal scroll bar of the web browser into the center if the "width" of web page are bigger then the "width" of the web browser screen?
So I don't need to scroll to right if I open the page, but the horizontal scroll bar will be positioned in the center.
That code should do the same think like I when I take the scroll bar and put it in the center position, but this should be happen when I load the page automatically.
View 3 Replies
View Related
Mar 16, 2010
I have a Java script chat,
How would I make a scroll bar for it?
Does any one have any code for that? or do you know what I have to do?
View 2 Replies
View Related
Oct 10, 2011
Id like to control scrolling of two divs with one scrollbar as in this example here
[URL]
At the same time i want to customize the scrollbar. Ive been using Flexcroll which work fine on a single div. But as soon as i insert flexcroll.js to head of document in the example, the sync of the two divs breaks and only the div with Flexcroll attached scrolls.
Anyone know how to solve this? You can find the code im using in the example or i can post.I dont have to use Flexcroll, so if you know of any other application that can customize scrollbar and control scroll on two divs at the same time.
View 4 Replies
View Related
Sep 18, 2002
I am trying to make a webpage and there is something that I want on it, however, I have no idea how to get it. I want a scrollbar that has jpegs. I want a person to be able to scroll through thumbnails (in the scrollbar) and click on it and be brought to the link.
Does anyone know of a script that I can get that will do that? I know nothing about writing scripts.
View 11 Replies
View Related
Mar 25, 2010
how can I move the div's scrollbar
the div doesn't support scrollTo()
scrollLeft,scrollTop can't be assign value on opera...
View 3 Replies
View Related
Jul 23, 2005
How to tell if a horizontal scrollbar is present? I only want to use
scrollTo if horizontal scrollbar is present.
window.scrollbars.visibility doesn't specify which scrollbar is
present, so it gives a false result if there is vertical scrollbar but
not horizontal scrollbar.
View 4 Replies
View Related
Jul 23, 2005
Is there anyway to obtain the width of the scrollbar? I've tried
var sb = document.body.offsetWidth-document.body.clientWidth ;
but this does not appear to be correct.
View 3 Replies
View Related
Jul 23, 2005
Is there anyway to determine if a DIV with its overflow style set to
auto has the scrollbars visible? I have a dynamically built table inside
my DIV. If the table is over a certain height and the scrollbars appear,
I want to shrink the width of my table. If the table's height doesn't
exceed the div's height, I want the table to be the same width as the
div. Any ideas?
View 2 Replies
View Related
Jul 23, 2005
I have to have only a vertical scroll bar within a table. But when I
specify "overflow: auto", it gives both vertical and horizontal scroll
bars. Browser used to test is Firefox. How to solve this problem?
View 2 Replies
View Related
Jul 20, 2005
Can i remove somehow the horizontal scrollbar? just the horizontal!
View 1 Replies
View Related
Jul 20, 2005
Is there a way to hiode the horizontal (but NOT the vertical) scrollbar?
View 8 Replies
View Related
Nov 26, 2009
http://www.hannahdesign.co.nz/client/portfolio/Fashion/twentyseven-namesbranding-marketing-collateral
So here is what I have done so far:
- Used FlexCroll (1) to make custom scrollbars on the top image panel
- In the scrollbar - I have used a no-repeat background image that is 17px in width
Problems:
- When loading a vertical scrollbar appears
- The horizontal scrollbar does not go all the way to the end
Here is what I want to do:
- Disable the vertical scrollbar for ONLY this div (this same script is used for another vertical scrollbar - http:[url]......
- Make the horizontal scrollbar limited to 17px or another set width.
I have included both my CSS and the uncompressed JS.
View 2 Replies
View Related
Mar 4, 2010
I am working on a ajax chat system right now and I've ran into a little problem. I have no idea how to go about doing this but I know there has to be a way of doing this because I've seen it done before on other ajax chats I've seen. How do I ago about moving the scrollbar of a div to the bottom so that it shows the last that has been entered into the chat.
If you need me to explain more then just let me know. But basically I'm wanting the scrollbar when it overflows in the window of a div to go and to the bottom when someone enters something new to the chat.
View 1 Replies
View Related
Jun 27, 2011
My page (which has the tooltips and code on) has vertical and horizontal scrollbars that only allow you to move a tiny bit. They are unnecessary and even when I remove almost all the elements of the page, the scrollbars remain. When I remove the line '<script type="text/javascript" src="scripts/jquery-1.2.2.pack.js"></script>' from my code, the scrollbars dissappear, but this line is vital for the tooltips to function. This script is available for download at the given URL above (it is in the center of the page called 'jquery-1.2.2.pack.js').
View 3 Replies
View Related
Nov 8, 2009
does anyone know of any tutorials? i don want to use jquery. just javascript. i googled and found nothing but i know its possible. does anyone know? just a simple one. for like divs
View 4 Replies
View Related
Jun 3, 2010
is there an easy way to change the colour of a scrollbar without using java?
View 2 Replies
View Related