I have a layout and the problem I'm having is if I select over anything, even just clicking and holding the background and drag my mouse right, the whole page moves to the left, except the background.
I've tried everything I can think of and was wondering if anyone knew what it could be? I thought it could be a width problem but I've checked it all out and can't find anything.
Related
I'm having an issue with my website. What is happening is:
My goal is to scroll down (using mouse wheel) all the way down to, to the bottom of the page.
I do that, but about half way, I can't scroll anymore. I keep using the scroll wheel and it still won't go down.
I move my cursor a TINY TINY bit to the left, right, up or down and I can scroll again.
What might be causing an issue like this?
First off, this is an Actionscript 3 question.
Okay, this is a bit complicated to explain, but I have been searching for a way to make an invisible button, when highlighted, control a movie clip. I have images inside this movie clip that are all separate. When the mouse hovers over the left invisible button, the images scroll right. When the mouse hovers over the right invisible button, the images scroll left. Im unsure if reversing the frames is even possible, or maybe even if you can divide the 120 frames (with the 60th frame being my start) and making the mouse move back by math form? Either way, they are images and buttons. Is there any way of doing ANYTHING like this, even if it means math form, frame form or making the images animate individually and move into positions?
Cheers,
- Jesse
Not entirely sure what you mean, but it sounds like you're trying to go back 1 frame?
[movieClip].gotoAndStop([movieClip].currentFrame - 1);
This would do that I guess. Feel free to comment if that's not what you're looking for.
I have been at this for 10 hours straight, I have tried different types of positiong, but it's just not working. I can't replicate this interesting effect where you scroll down the page and the navigation changes from a transparent background, to a white background. The example can be found at http://www.bakkenbaeck.no/ Can anybody point me in the right direction?
TL;DR This effect is accomplished with not only HTML and CSS but also needs some JS to pull this one off.
I am guessing a little bit as to what you are referring to specifically on that example you gave but I will assume for this post that you are referring to the change that happens once the user scrolls down past the initial full height image where you see the logo change from white to gray and the background of this nav area turns white.
Not knowing your skill level/knowledge its a bit tough to make assumptions about what is going to give you direction, but I'll try my best. What is happening here is the creative use of CSS z-index, some javascript, and duplicate menus. If you think of a web page as a stack of paper, then the first piece of paper is the menu which is on top of the second page, the opening image, then the third page, the the next (duplicate) menu. The duplicate menu is positioned exactly under the first menu. As you scroll down you remove that middle image layer and the new navigation is exposed via some JS. There is a page scroll event listener (javascript) that is checking where the page is currently scrolled to. Once the user reaches the point where the logo and navigation need to start changing, the javascript kicks in and starts to set the height of the first navigation to 1px smaller for every 1px past the scroll point you've gone all the way until it gets a height of 0px effectively hiding it. If you take a look inside of chrome web tools by inspecting both navigations, you can see this happening (the height of the navigation shrinks) as you scroll.
I can see that the site is using http://pagescroller.com/ which is probably the plugin they are using to trigger the height adjustments I was describing.
Hope that gives you some direction!
Reaserch Paralax scrolling if you not familiar with js there are numerous tutorials online and you will find it very easy if you follow them step by step here are some that I have used:
http://www.impressivewebs.com/parallax-scrolling-scripts-plugins/
It's really easy don't let jQuery intimidate you there is plenty examples on google!
When using Google Chrome on OSX, swiping left or right you'll see a circle with an arrow in either corner, indicating going back and forward in your history, see here:
http://cld.jxpr.se/image/1Z3D1R3K141B
On a site I am developing, I have these arrows always present, multiply stacked on top of each other, see here:
http://cld.jxpr.se/image/2o0N2O1d2e0t
That is in the middle of the page, at full screen. These arrow only show when the browser window is expanded beyond the max site width.
Any ideas what's going on here?
Thanks
Dave
I get the same problem. I'm working on a 27" imac so it might affect me more than most people. i normally just create a new tab and copy paste my url into it. i then close the old tab. not a long term fix though :(
I have an issue which I assume is CSS, but I cannot seem to find the fix for it. I am using a WordPress theme (the site can be viewed here: http://sencb.com). Everything functions as intended, unless the screen size is somewhere sub 1050px wide. I know most modern monitors are much wider than that, but this is still a fix I'd like to find. The problem, when the screen/browser window is smaller in width, usually somewhere around 1050px, the whole scrolling content side (the right side) shifts left over the fixed area and navigation menu. I've tried just about everything I can think of, so I am in hopes someone here can find the fix. Thanks in advance!
The problem is the sidebar is using position fixed. Whatever the browser's width/height and scroll coordinates, the sidebar will always be in the same place in the window. The content area, on the other hand, moves naturally and is able to appear anywhere on the browser window space. Sometimes it just happens to overlap the sidebar.
Try adding z-index: 300 to #main-leftarea and see if that works for you.