I am doing a project in react. I used the react-swipeable library to my project to page transition now the problem is it disables all the hyperlinks in the selected div. To get rid of this problem I just want a swipeable area just like the following image. [A demo mobile pic][1], which means the swipeable area should be in the yellow portion. I am not specifying the quantity of the portion, just want to get the idea.

I have tried with the code

const swipeWrapper: {
    position: 'absolute',
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
    zIndex: 200
  }
<div style={swipeWrapper}>

#code of pages

</div>

I can not make the swipeWrapper style like the image. Please help me. Thanks in advance. [1]: https://i.stack.imgur.com/wkLgx.png