Прокрутка переполнения не прокрутка?

Question

Не уверен, что есть проблема с вложенным DIV, который предотвращает прокрутку или я что-то пропустил в самом коде. Во всяком случае, возможно, не получилось, чтобы div с классом .txtpodscroll фактически прокручивался. Бар кажется прекрасным, просто не прокрутите? Ниже правило CSS я применил к DIV

.txtpodscroll { 
font-family: Tahoma, Geneva, sans-serif; 
font-size: 13px; 
line-height: 20px; 
width: 360px; 
margin-top: 10px; 
margin-right: auto; 
margin-bottom: 10px; 
margin-left: auto; 
height: 300px; 
overflow-y: auto; 
overflow-x: hidden; 
position: fixed; 

}

  <div class="holder-northeastphotobooth"> 
       <div class="imgpod"><img src="alt-img/nephotobooth-logo.png" width="370" height="89"></div> 
       <div class="txtpodscroll">Photo booths are one of the most sought-after wedding reception additions, and we’ve got one of the best ready to bring to your big day. We will deliver our professional booth to your venue, assemble it, and man it for the duration to make sure your guests have a great time taking lots of memorable pictures. Afterwards, we’ll dismantle and clear away the booth. We can be as formal or as crazy as you like and will tailor it to suit your needs. You can select a range of fun green screen backgrounds for guests to choose from, allow uploading to Facebook, add multiple pictures to each print, take videos, and we can even bring along a box full of fun props for your guests to wear. Hire our booth and you’ll get unlimited pictures and prints on the night, plus we’ll give you a USB stick with all of the pictures on to take away and for a limited time we’ll even supply a 2nd set of prints in a lovely photo album for you to take home and treasure. </div> 
      </div> 

Плюс это ссылка на это жить и не работать.

http://www.yourwedding.com/yourweddingwow/index-northeastphotobooth.html

Answer 1

у вас есть DIV с классом .wowbook-gutter-shadow, что вы разместили на верхней части полосы прокрутки, поэтому он не прокручивается

если вы даете .txtpodscroll следующий стиль: z-index:2 он должен исправить вашу проблему.

Answer 2

Чтобы предотвратить прокрутку, вы должны использовать «процент».

.txtpodscroll { 
font-family: Tahoma, Geneva, sans-serif; 
font-size: 13px; 
line-height: 20px; 
width: 360%; 
margin-top: 10px; 
margin-right: auto; 
margin-bottom: 10px; 
margin-left: auto; 
height: 300px; 
overflow-y: auto; 
overflow-x: hidden; 
position: fixed; 
} 

если свиток горизонтальный.

width: 360%; 

Надеюсь, это поможет.

Answer 3

это потому, что внутренняя тень книги выше скроллинга, так что вы не можете нажать кнопку, но вы все еще видите, потому что тень является прозрачной PNG ... изменить эту строку:

стандартных переменным. CSS (строка 83)

.holder-northeastphotobooth { 
    float: left; 
    font-family: Arial,Helvetica,sans-serif; 
    height: 470px; 
    margin: 0; 
    padding: 15px; 
    position: relative; /* added */ 
    width: 370px; 
    z-index: 1; /* added */ 
} 

Убедитесь, что удалить фоновое свойство, так что тень будет показана «под» страницу, а не над ним. попробуйте на Firebug и посмотрите, это очень легко исправить.