Home » Javascript » A solution of starting at a specific position for photo scroller by using Bootstrap

A solution of starting at a specific position for photo scroller by using Bootstrap

Posted by: admin November 1, 2017 Leave a comment

Questions:

I wanted to create a scrolling effect for photos but stuck at the point as showing in the picture.

So my question is: how to make the photo start at this specific point(before scrolling) and after clicking the button it will go right but stop in the same situation(only show part of the photo on both sides, but show entire one in the middle).

P.S. 12 grids structure for Bootstrap. (current structure is 2-1-6-1-2: 2 stands for the size of the part of the photo, 1 is the gap, 6 is full size.)

This is a potential solution, but still can not solve the problem.

enter image description here

<div class="">
  		
  		<div class="row">
  			
  			<div class="small-box col-sm-2 effect">Small</div>
  			<div class="large-box col-sm-6 offset-sm-1 effect">Larges</div>
  			<div class="small-box col-sm-2 offset-sm-1 effect">small</div>

  		</div>

</div>
Answers: