recently I can no longer scroll through vscode with an open website.
it doesn't work in firefox and chrome.
i use xampp and fiveserver. everything up to date
enter image description here
i have found the problem:
css
body {
overflow:hidden;
}
by mistake!
Related
[Update]
I had rebuild the issue below:
https://sp0033212000.github.io/fixedProblem/
I had a site.
I was work well except open it by target _blank.
When I into the site directly, it normal
enter image description here
but when I into it by new tab, the bottom button was be covered.
enter image description here
I guest it was viewport issue but no idea how to fix it.
could some one give me suggest how to handle this problem?
Try giving z-index to the button.
.btn{
z-index:999;
}
I am using ui grid 3.0.6. Until yesterday it was working fine. But there is a problem in Google chrome now.(Version 56.0.2924.87)
When I scroll the grid, or click on scroll down arrow it starts scrolling very fast. Couldn't control the speed. It was working fine and only in Chrome.
Can anyone help?
Thanks in advance.
Adding this style to my style.css is helped
.ui-grid-viewport {
overflow-anchor: none;
}
It's may be related to "Scroll Anchoring" feature, that has been enabled by default in Chrome 56.
description of feature
css-property "overflow-anchor: none", should solve this problem.
I used Firefox while working on the website.
Once completed, I opened the page in Chrome and noticed that the images are ignoring margins. Can anyone provide insight on why this is happening?
The CSS:
.serviceImages{
margin-left:23%;
max-width:212px;
height:249px;
}
I am using Bootstrap.
I have this really weird problem. Our Tumblr blog home page http://blog.wigo.us doesn't scroll in Chrome on iOS. It scrolls just fine in any browser on desktop, any browser on Android and in Safari on iOS. But the latest version of Chrome in iOS8 just refuses to scroll the page.
The effect is basically like somebody put overflow:hidden on body element and gave it width=100%, height=100%. I looked through CSS of the theme and didn't find anything suspicious. I even run iPhone emulation in Google Developer tools - everything works just fine.
It would be awesome if someone had a similar problem and could point me in the right direction.
I'm encountering a strange issue.
I have a facebook button at the bottom of a page. When clicked, the facebook "Comment/share" box pops up.
The behaviour is correct under FF and IE, but not in Chrome, where the box is cut by the bottom of the page. In other words, the page isn't resized as it is under FF and IE.
The page has a min-height and max-height, and the containers have an overflow:visible attribute as the facebook docs advises to avoid some display issues of the share iframe.
The curious thing is that the bug disappears by simply opening the developer tools, and checking/unchecking any CSS attributes of any parent element of the FB-button.
My guess is that the resize of the window isn't captured by Chrome when the button is clicked, but it is when using the developer tools.
I tried to explore other sources of the problem (max-height not working properly or a higher element having a overflow:hidden) but I found nothing conclusive.
Thank you for help.
You may have an issue if you're running a theme in Chrome. If you are, try resetting to the default theme:
options > personal stuff > themes > reset to default theme
Also, make sure you aren't zoomed out or in. Chrome gets a little funky with the zooming.
Assuming those aren't the issues, try putting the Share code in a div with a unique ID or class:
<div id="myFacebookContainer">Plugin HTML Here</div>
Your CSS would include something along the lines of this:
#myFacebookContainer span{
height:25px;
}
#myFacebookContainer iframe{
height:25px;
}
I hope one of those suggestions helps!