Problem
By default, as I’m sure most of you are aware of, the step size for the TextArea isn’t too great. Is there a way in which you can change it into something greater—make it scroll faster, jump bigger steps per scroll?
What I’ve tried so far
API
I’ve looked through the API for the TextArea, but can’t seem to find something that would allow me to manipulate the speed of the TextArea’s scroll bar.
Stackoverflow
Reading up Stackoverflow, I found this, but using the code from that article’s top answer—I couldn’t get it to work even in the way that they suggested it would.
Moreover
It appears to me there’s no way of manipulating the speed of the ScrollBar attached to the TextArea, but I could truly be wrong.
Perhaps someone could point me in the right direction should there be a way in which you can speed the scroll bar up a little.
Related
There seem to be some situations in which -ms-overflow-style doesn't apply, even though I don't see any CSS that sets that property. The (awful IMO) auto-hiding behavior isn't happening, without using "-ms-overflow-style: scrollbar". Does anyone know what other DOM or CSS circumstances might cause this?
EDIT: I didn't make myself clear, apologies.
I work on a large app with a lot of dialogs that appear in a custom lightbox built on top of script.aculo.us. In Edge, in those dialogs, scrollbars on divs don't work, and dropdowns exhibit some harder to describe problems.
There are several striking things about those problems:
Edge only
Can be prevented my defeating Microsoft's auto-hiding scrollbars with this CSS: {-ms-overflow-style: scrollbar;}
Only happens in those lightboxed dialogs
I was asking what defeats -ms-overflow-style because the problems appear to be the result of Edge's default behavior, which outside of those lightboxes, is being blocked by something. I was essentially asking what that something might be.
I don't want to "use" -ms-overflow-style, except to get rid of Edge's auto-hiding scrollbars, and only if I have to. Outside of those lightboxes, it seems not to be needed. I wondered why.
Does that make more sense?
I have looked all over for this and cannot find a tutorial or anything to help create it.
I am looking to do something like this site
If you see on the left the text Mar is scrolling faster than the background image. Can anyone point me in the right direction so I can learn how that is done.
The site you are reffering to uses only JavaScript for making all the animations. Using this technique has some andvanteges and disadvanteges (for example you can't use hardware-acceleration).
But as you have used css as your only tag I will lead you to a pure css solution:
At first you should read something about 3D-transformations in CSS3. The reason for this is, that you will move the things that has to move slower far away in the background. This will have the side effect, that they appear to be smaller. This problem can be resolved be using zoom in CSS.
If this is exactly what you wan't here is a good tutorial on how to do this.
Tipp: When you wan't to learn new things it's always a good practice looking what other people have done. This is very easy in webdesign because you can look at other peoples sourcecode :-)
Ok, I've been dealing with IE bugs for a long time now, but this one is beyond me. IE 7 and even 8 does it for sure, I've not seen it on FF or Chrome.
So here's a live URL which produces it: http://mog.com/music/America/Holiday
Reproducing isn't easy, it can take a few times to make it happen. Watch your scrollbar to see it change size so you know the page length was suddenly dropped quite a bit.
Here's how you do it:
Hover over any sub-nav link (Main, Albums, Songs, Photos, News, etc.)
Try them until you see the scrollbar change size. Once it does, scroll all the way down and notice the footer has jumped up on top of much of the page content.
Be careful scrolling down that you don't roll over a few other page elements that will suddenly fix this. So far I can see that any of the Play buttons will somehow fix this.
It's just beyond weird. How could a rollover state cause this kind of behavior?
I've tried:
Removing the a:hover style - THIS FIXES IT... WTF? Of course we ideally would keep some hover state, so hoping to avoid this fix.
Reproducing the hover functionality using jQuery hover(). - THIS DOESN'T FIX IT.
I figure the clues are in the elements that somehow magically fix it...and possibly in where the page jumps to, what elements suddenly get obscured by the footer.
Lastly, I didn't produce this site from scratch and it uses a lot of absolute and relative positioning for certain things and I know that is partly what causes these weird bugs. I rarely, rarely use esp absolute positioning to avoid these kinds of bugs, but it's a bit too late now.
Thanks for anyone willing to check it out!!
Well, I figured it out. It was an odd case of the "Guillotine" bug. One I luckily haven't come across before. Turns out the "special" CSS rules on those nav links' hover state (particularly it seemed the border and bg image) were enough to trip this bug. One way around was to drop those styles, but not ideal. The real fix, however, was an unsemantic clearing div placed in just the right spot. More info found here:
http://www.positioniseverything.net/explorer/guillotine.html
Hi just a short note: When did you validate your html the last time?
As you probably know, but might have forgotten, fixing your html can sometimes solve a lot of problems. There are 72 errors seen by http://validator.w3.org
Okay, this is REALLY starting to bug me...
This page works fine in both Chrome and Firefox. www.bloggan.tk
But if it's opened in internet-explorer it always expands beyond the page and introduces the scrollbar no matter what the resolution of the browser is.
I have NO idea what change in the html it was that cause this...
Here's the blogger-template-html-source
I'd REALLY appreciate if someone could help me with this.
Thanks in advance!
Edit:
I've "solved" it for IE using javascript, but that's only temporary (i hope). The version without javascript can be seen here, so that you still will be able to know what I'm talking about. Still trying to solve it, and still hoping for someone to help me.
Before you ask a question here, you'll need to do some basic research yourself.
Strip out everything from that HTML file you reference until you have the simplest possible document that reproduces the error. Don't expect people to dig through a 40k HTML file to find the thing that's causing you grief.
Isolate it before you ask about it.
Incidentally, however, there is no CSS width or height specifier for "the rest of the page". You need to meticulously keep track of your percentage widths to make them add up to 100%, or use tables. If your sample is using percentages, then I'd look for borders and padding, since those are the things that cause discrepancies in box size between old IE versions and modern browsers.
I am using an iframe right now.
This is not my first choice and I generally try to avoid them, but the problem is the client has different versions of their middleware on different boxes and is reluctant to upgrade one of them.
Anyway, now that I've made my excuses. :)
I am trying to display a pretty sizable page and there is scrolling involved. But for some reason, sometimes there are double scrollbars. One on the page, the other in the iframe.
Does anyone have a workaround for this? I would like to have just one scrollbar.
I think I figured it out, just eliminate all the margins in the enclosing file.