Giter Site home page Giter Site logo

Menu not scrollable? about sidr HOT 8 CLOSED

artberri avatar artberri commented on May 21, 2024
Menu not scrollable?

from sidr.

Comments (8)

sebastianmacias avatar sebastianmacias commented on May 21, 2024

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.

sebastianmacias avatar sebastianmacias commented on May 21, 2024

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.

JackieXu avatar JackieXu commented on May 21, 2024

Scroll appears to work as it should on my iPhone. What mobile browser are you using?

from sidr.

sebastianmacias avatar sebastianmacias commented on May 21, 2024

I'm using chrome on android.

from sidr.

artberri avatar artberri commented on May 21, 2024

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.

benio178 avatar benio178 commented on May 21, 2024

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.

residentmeevil avatar residentmeevil commented on May 21, 2024

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.

mikaelcarrara avatar mikaelcarrara commented on May 21, 2024

@benio178 Thanks! Your solution works for me (:

from sidr.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.