hew / react-scroll-horizontal

🖱 🔛 Scroll horizontally with the mouse wheel!
212 stars 53 forks source link

Not able to active the pageLock= {bool} #80

Closed cyruslk closed 4 years ago

cyruslk commented 5 years ago

Hey, thanks for this great package!

Here's my code:

     horizontalPageDesktop = () => {
       if(this.props.isSeeAll){
         return null;
       }else{
         if(this.state.renderProjectInfo){
           return (
             <div>
               <div id="container">
                 {this.renderProjectMedia()}
               </div>
           </div>
           )
         }else{
           return (
               <div>
                 <div
                   id="container_2">
                   {this.renderButtonCloseInfo()}
                   <HorizontalScroll
                     pageLock={true}
                     className = { "horizontal_scroll" }
                     reverseScroll = {true}>
                     {this.renderProjectMedia()}
                    </HorizontalScroll>
                 </div>
             </div>
           )
         }
       }
    }

When I implement the pageLock, I see the the body is locked__. However I I'm not able to fully lock your component with css nor JavaScript. I filled a StackOverflow issue here with my attempts. What do you suggest so that I can avoid the transform: translate3d(); to occur?

hew commented 4 years ago

Hmm. This issue is pretty old. I suspect you have either moved on from this project, or found a solution.

Gonna close for now. Feel free to re-open.