Остановить прокрутку в конце div

Я пишу веб-приложение для iPhone и Android с помощью HTML5 и CSS3.Остановить прокрутку в конце div

У меня есть div div и меню div поверх него. (больший z-индекс), и оба div имеют переполнение и прокручиваются.

Проблема в том, что даже когда я провел пальцем по верхнему div (меню), нижний div (фон) все еще прокручивается. Иногда оба прокручиваются одновременно, а иногда только один из них.

Я хочу только прокручивать меню, когда я пробираю палец по области меню.

Может ли кто-нибудь помочь?

Вот мой код:

HTML:

<html> 
    <body> 
     <div id="main"> 

     <div id="menu"> 

      <!-- menu content goes here --> 

     </div> 

     </div> 
    </body> 
</html>

CSS:

#main: { 
    height: 3000px; 
    overflow: scroll; 
} 

#menu: { 
    height: 2500px; 
    padding-left: 10px; 
    overflow-y: scroll; 
}

источник

2013-12-03 user2714195

Как мы можем вам помочь? –

, пожалуйста, введите ur код здесь –

скажите, как отключить прокрутку фона div, пожалуйста? (это ОГРОМНЫЙ проект ... код очень большой. Я попытаюсь сделать небольшой пример) – user2714195

я сделал что-то подобное. Ваш вопрос немного неясно ... Но я должен был сделать прокручивать DIV, что не было видно ... Вот мой CSS ...

#sidebar{ 
    width: 1000px; 
    height: 670px; 
    border: 0px solid transparent; 
    overflow: hidden; 
    text-align: center; 
    padding-left: 0.5%; 
    background-color: transparent; 
    color: transparent; 
} 

#sidebar #scroller{ 
    width: 1000px; 
    height: 545px; 
    padding-bottom: 15px; 
    overflow: scroll; 
    overflow-x: hidden; 
    text-align:center; 
    background-color: transparent; 
}

и теперь в моем HTML ...

<div id="sidebar"> 
     div id="scroller"> 
      // the things i add in my scrollable menu... 
     </div> 
    </div>

источник

2013-12-03 12:31:15 KapteinMarshall

Вы также можете добавить фон класс, стоящий за этими классами, как я, чтобы сделать мой похожим на список прокрутки ios или как вы его называете. – KapteinMarshall

Большое спасибо, во-первых. Это похоже на то, что я сделал. Проблема в том, что у меня есть большой главный div за меню боковой панели. и он также прокручивается, когда я просматриваю боковую панель ... Я не хочу, чтобы это произошло. когда я просматриваю боковую панель - я хочу, чтобы фон оставался на месте. – user2714195

Так я и думал. Я сделал то же самое для устройства Blackberry ... ulg ... Помог ли вам код/работа? – KapteinMarshall

Остановить прокрутку в конце div

ответ

Смежные вопросы