score:0
i had this problem since 15.4.1 version of ios. found a workaround that fixes this behavior.
html.has-scroll-smooth {
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
}
source: https://github.com/locomotivemtl/locomotive-scroll/issues/350#issuecomment-1032461746
but it didn't work for me for the html tag and i set position: fixed
to .wrapper
update:
there was a problem when using position: fixed;
content is dropped from the stream. using position: sticky;
solved the problem.
.wrapper {
top: 0;
left: 0;
height: max-content;
width: 100vw;
overflow: hidden;
position: sticky;
}
Source: stackoverflow.com
Related Query
- Horizontal scrolling in mobile view iOS
- React Force horizontal scrolling as vertical scroll when reaching element view
- horizontal scroll for overflow-x not working in mobile view
- How to block the horizontal swipe function when scrolling vertically (on mobile phones)
- Navigation bar displayed incorrectly when scrolling and in mobile view
- Horizontal Scrolling on React Component Using Vertical Mouse Wheel
- iOS browser scrolling bug
- Horizontal Scrolling using buttons in Reactjs
- How to sync multiple handsontable horizontal scrolling
- Handling React animation with horizontal scrolling
- How to implement Mini View like youtube player in mobile app with React-Native
- Creating master detail pattern which hides detail view on mobile using responsive design frameworks
- How to implement horizontal scrolling of tiles in MUI GridList?
- Semantic UI (React): Responsive vertical menu by changing to horizontal on mobile devices
- Change Column Ordering in Mobile View with React-Bootstrap
- React Horizontal Scrolling cards with Arrows on top
- React: How to make <td> collapse as column in a <tr> in mobile view
- React - Force horizontal scrolling
- React Virtualized List scrolling out of view
- Scrolling components into view with react with useRef
- Automatically scroll down to next listgroup item and display the content in center in mobile view (React)
- Mobile browser positions elements as if the view is 360px wide, but renders images on the page at a higher resolution. How does this work?
- React horizontal scrolling menu by sections
- carousel, let horizontal scrolling end movement when parent element vertical scrolling is moved
- ReactJS web app: Selective Mobile Scrolling Bug
- Cannot fire the scroll event in mobile view reactjs
- xs="0" in Reactstrap is not working for mobile view
- React reuse component in both mobile and desktop view
- Create Horizontal + Vertical Scrolling Website
- preventDefault, stopPropagation, and cancelBubble not enough to prevent contextMenu from trying to open in Firefox mobile test view
More Query from same tag
- How can I make redux dispatch an action as well as return a promise?
- AWS S3 Storage put method
- paths are not working in React Typescript
- React MUI Collapse not working with ToggleButtonGroup
- ReactJS TypeScript pure component with children
- Detect Function If Being Called In Another Component in React
- React Hooks and TypeScript Fetching API: Object is possibly 'null'
- Is the use of class based components still recommended as the standard industrial practice
- Material-UI, how to merge multiple styles with theme in typescript?
- Moment.js Date Returning Invalid
- Normalize date to DD/MM/YYYY - redux form
- React Router Switch statement with routes grouped as component inside does not go to Not Found route
- Redirect to 404 page does not work correctly
- How to output only one value of an array within an array of a state in React?
- Link tag not triggering onSubmit when clicking on the form's submit button
- React, how to update a state without repainting, or how to trigger useEffect without useState (and with useRef), or how to stop infinite loop
- Delay parent component render till all the child components render reactjs
- Date picker does not set date and time correctly
- Redux route changes path but not rendering new page
- React: Update a specific attribute of an array of objects
- API response not updating after x seconds reactJS
- React Custom Hook with Context and Typescript: Property 'map' does not exist on type 'Option'
- How to manipulate a parent item without having it modify children (css/react)
- ReactJS Error: Objects are not valid as a React child. If you meant to render a collection of children, use an array instead
- Getting an error .map() is not a function
- sorting objects with multiple conditions
- css animation - make footer move up to down
- Accessing Redux from normal JS file which is not component
- Can't import Svg icons in material-ui@next
- Is a 'noop' [lodash] default parameter required for function props?