Scroll Bar Hiding and Unhiding on pages load - javascript

I Tried to find some topic about this issue but i haven't found..
I have a problem on my website, when loading my pages, the scroll bar get hide and unhide just for 1 second that causes content to shift fast..
Yes, i already have tried this code, and i'm using it now:
html {
overflow-y: scroll;
}
However the problem still there. This problem occours on the latest version of google chrome.
I have a live example if someone want to see, just switch to home -> episodios page:
Live site
I apretiate your help!

Related

Avada WP Theme / Bootstrap Modals Cause Page to Scroll to Top on Mobile

Using Avada theme and not sure what version of Bootstrap they have integrated, but on mobile when I open a modal it scrolls the page to the top. I've tried a few solutions from the wild, but none have worked so far.
I just experienced the same issue on Avada 5.5.2. Here is the exact question my coworker emailed me this morning.
I'm working on the *******.com website. The modal
windows work as they should on desktop. However on mobile, when a modal
link is clicked the modal window pops up just fine, but it also
scrolls the page back to top. Avada includes a # in the href line when
using these bootstrap functions, and won't let me remove it.
So, here's what I tried, without success: ....
After going in a lot of incorrect directions, the solution that worked for me was one simple css tweak. Add the code below labeled "solution" to your child theme, or directly into your Avada Options as done in the screenshot.
fusion-10.min.css
The style sheet fusion builder creates is forcing fixed positioning.
.ua-mobile .modal-open {
position: fixed;
overflow: hidden;
}
Solution
Override the fusion style sheet as such.
.ua-mobile .modal-open {
position: relative;
}

Anchor Tag on Address Bar messing up page-scroll. How to fix?

I recently purchased my first domain through google domains and set it up with Github pages. My account.github.io now properly redirects to mywebsite.com.
In this website I used anchor tags for same page scrolls with bootstrap, to give it the smooth scroll animation. After waiting for the domain to work, this smooth animation stopped working since clicking on tabs now redirects to the section, like this:
mywebsite.com/#tag
Instead of a simple
mywebsite.com
All these tags are under index.html
I believe this is messing up the page-scroll animation. On the other hand, the tag #page-top works fine and has an animation. Everything was working well on account.github.io til I started using the custom domain.
This is a bit confusing to explain but I hope you could understand and maybe help me find a solution. Thanks!

Chrome extension options not always displayed

I'm building a chrome extension and I've an options page.
This page is an overlay in the chrome://settings as described in the documentation.
The problem is that my page isn't always displayed, sometmies it just stays white without any content. When I try and inspect the overlay, my code is loaded.
What could be the problem?
I've added some screenshots to show the problem:
Working options page:
Working source code:
Not working options page:
Not working source code:
This is a known Chrome bug: crbug.com/550217
Try forcing the page to redraw on load:
window.onload = function() {
document.body.style.webkitTransform = "scale(1)";
};
I've found a solution in the provided url: Issue 550217
I've enabled my HWA and it's shows up a lot more now. Don't know if it really solved the problem but it works for now.

Why would a website behave strange in live environment?

I have a website that behaves as expected in local environment but not while it is live (I have tried two different web servers)
I think problem is javascript related.
Link: http://tevfikiltermimarlik.com/
when you just go to that url every thing is normal. A carousel is shown.
But.
If you click "HAKKIMIZDA" (bottom) again everything is normal.
after that, if you click "ANASAYFA" (homepage) now the carousel doesn't show.
And finally, If you hit F5 everything is OK again.
Another strange problem is that:
if you click "REFERANSLARIMIZ" that loading icon ("YUKLENIYOR") never goes away as long as you dont hit F5.
Those problems are really very strange to me. What may cause these to happen?
From the theme's page on themeforest - it looks like back in March they fixed some Ajax and colorbox bugs. Maybe this was one of them. Is this site perhaps using an older version? I couldn't find the version number anywhere in the source.
http://themeforest.net/item/truestory-fullscreen-html5-template/3902394
I was looking at the live site with Firebug and noticed on styles.css li, #home-slider .slides li img line 2409 it has the property:
display:none;
When I remove that CSS the images show up as they should.

Everything showed good, except the tabs. (HTML,CSS,JS)

Iam working on a website and I dont have any clue why the tabs doesnt work when I upload the website. Because when I view the website normal it does work perfectly.
By the way: The tabs are working with a jquery script.
This is the website URL: http://bmvisuals.poshh.nl/
Greetings.
Edit: I mean some of the tabs doesnt appear.
Your About me tab does not show up because your server is case sensitive.
Aboutme.jpg != Aboutme.JPG
You should check out CSS Sprites. There is a flicker when you hover over a tab (the first time) because the browser has to load the hover image. With CSS Sprites an image map is used and all the images are loaded at once so the hover is seamless.
As an aside, your site does not scroll vertically. When my window is smaller than your site, the bottom gets cut off and there is no way for me to see it.
Firstly, nice site. Secondly your tabs are totally borked for me. I am using Linux Ubuntu and Firefox 3. Not sure about the fix though. Just thought I would mention it.
Using Firebug, I see some resources give a 404 error:
http://bmvisuals.poshh.nl/Scripts/Lightbox/images/lightbox-ico-loading.gif
http://bmvisuals.poshh.nl/Scripts/Images/PhotoGallery/PhotoGalleryContainerBackground.png
http://bmvisuals.poshh.nl/Images/Tabs/Aboutme.jpg
http://bmvisuals.poshh.nl/Images/Tabs/HomeActive.png
On a side note, the page doesn't work if javascript is disabled. I would suggest using the noscript tag to show a message saying javascript is required. The other option is to make the page work without javascript.

Categories

Resources