Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I am working with a Joomla 3 website and experiencing some issues with the scrolling functionality of an off-canvas sidebar.
It works fine in Chrome and FF, however in IE the visible scroll bar won't scroll when you try move it by clicking your pointer and dragging. It works if you scroll with the mouse wheel, but not the cursor.
The website can be seen here. It's the slide in menu to the right.
Is it a css or javascript issue?
I have contacted the developers of the template and I'm awaiting a response. Just wondering if anybody else can shed some light as to why it won't work?
Any help is appreciated.
As mentioned here in stefan.s answer, all you have to do is add -ms-overflow-style: scrollbar; to the html element.
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
just when you start to scroll down with your mouse, the top header image shakes/trembles/twitches/ - I hope I described it good :) here it is.
this is the demo of a theme, do you think it will do this on any install?
thank you!
I presume you are getting downvoted because you haven't described what you have tried and/or you haven't mentioned what browser you're experiencing this problem in. So, I'll try to answer this from my view in Chrome.
The biggest issue I see here is with the header flashing white before it animates to close. That can be fixed in main_orange.css by overwriting the header background:
#floating_menu.mff header {
/* background: #fff; */
}
It may be worth looking at overwriting the animation in the #floating_menu.mff.a60 header css declaration as well.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I made a one-page design with some links.
When I browse the site on my smartphone, open the main menu with the button and click on a link (which scrolls to the same page), the mobile menu isn’t hidden but placed on the right site of the content.
this is link http://www.sarahspancakecafe.com.sg/
How to fix that?
Cheers
Try this
$(document).ready(function(){
$('.menu-item-object-custom a').click(function(){
$('.navbar-header button').click();
});
});
I tried it on your site and it seemed to work well.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I am using a push menu on a website. Here is the test link: http://web553.login-15.loginserver.ch/
But the menu shows only the points, that are in the visible area. The site has more navigation items, that would need to be scrolled. But those points are not displayed. How can I make them visible? I believe it some kind of CSS issue.
overflow: hidden is applied to div.panel.
Chrome Dev Tools style view
MDN article on overflow property.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I have problem with onepagescroll plugin on iPad device. When I click on bullets everythink works fine, but when I trying to scroll there is no one page scroll effect. I can only use normal scroll from current section (where I am from clicking on bullets) down. Scrolling up from current section is not possible. I get no error in console.
Elsewhere (desktop - Chrome, Firefox, Safari etc.) works OK. I have disabled feature on mobile.
What could be wrong?
Thanks!
I would recommend you to try fullPage.js instead.
It provides support for mobile phones and touch devices as well as for old browsers such as IE 8 and 9.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I'm having this weird CSS issue that I have huge space in bottom of my webpage. I can solve it putting height: 100% on body, but then functions like $(window).scroll() function in JS don't work.
If I move my footer outside the wrapper called #sb-site, footer drops under that huge white gap.
Live Preview:
http://personaii-demo.tumblr.com/
I would be really happy if somebody could help a little!
You have a min-height set of 8164px on #sb-site. I just turned it off using developer tools, it got rid of the white gap at the bottom and everything else seemed to work ok? At least for me.
Just remove the min height on the page.