Comments (8)
I'm having the exact same issue here. There is no way to scroll long menus in mobile devices. The scroll does work on desktop browsers.
from sidr.
This is what I ended up doing as a temporally fix:
<style type="text/css"> #sidr { position: absolute !important; left: -260px !important; } </style>from sidr.
Scroll appears to work as it should on my iPhone. What mobile browser are you using?
from sidr.
I'm using chrome on android.
from sidr.
I have a few reports about the impossibility of scrolling in some devices.
The plugin shoulds allow scrolling the menu, if this menu is larger than the viewport. But it appears that in some devices/browsers the menu doesn't scroll.
I'll try to test and solve it during weekend.
from sidr.
I think I had the same problem on my webpage.
I've opened sidr's css file and changed .sidr .sidr-inner settings:
.sidr .sidr-inner {
overflow: auto;
margin: auto;
width:100%;
height:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
scrolling works for me for now...
from sidr.
I've managed to find a fix for this on older Android devices. Using the Overthrow JS plugin (https://github.com/filamentgroup/Overthrow) seems to fix it perfectly.
from sidr.
@benio178 Thanks! Your solution works for me (:
from sidr.
Related Issues (20)
- sidr is removing one class and I need it so is there any solution so sidr doesn't remove it? or any other solution? HOT 3
- sidr option to resize container area instead of moving it
- When use plugin with jquery 3<= have problem with "bind" and "unbind",maybe replace it by "on'' and "off"? HOT 1
- In ios, why is the transition on the initialization time? HOT 1
- Update jsDelivr links
- Sidr is appending #sidr-0 in URL in first time and nothing happens HOT 1
- parent menu not clickable HOT 2
- Hide sidr when clicking / touching outside the sidr HOT 1
- Option to use original DOM elements instead of clones HOT 4
- Real example of Remotly Load content with jquery and Ajax HOT 1
- Can I use it in React?
- Menu not closing on body click HOT 1
- iphone safari white (background?)
- get rid of the "undefined" message
- jQuery 3.4.0 .data() bug
- How To Slide to Close the' Nav'
- Missing "main" entry point in package.json
- right to left
- dynamic width of sidr
- Save toggle state
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from sidr.