如何在移動web應用程序中滾動div的內容？

我設計的HTML，JAVASCRIPT，CSS & jQuery的移動網絡應用程序...如何在移動web應用程序中滾動div的內容？

我設計註冊包含屏幕大小格內的文本框頁面... 作爲頁面大於屏幕大小我想顯示滾動條...

iScroll是不是在這裏有用，因爲在形式和用戶的文本框應該是輸入文字......（iScroll錯誤http://code.google.com/p/iscroll-js/issues/detail?id=17）

我已經嘗試了很多定製的滾動條，但他們不在移動...

有沒有解決這個問題的方法???????

來源

2012-03-15 Swapnil Godambe

我曾經在類似的概念上工作，並在該項目中使用tinyscrollbar。我想你可以在這裏得到tinyscrollbar的副本。但是，您必須按下滾動條並上下滾動以在移動設備上滾動，而不必像在簡單頁面中一樣在屏幕中間向上或向下滾動。

Tinyscrollbar https://github.com/Empact/jquery-tinyscrollbar

爲tinyscrollbar

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#scrollbar').tinyscrollbar(); 
    }); 
</script>

HTML

<div id="scrollbar"> 
     <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div> 
     <div class="viewport"> 
      <div class="overview"> 
       Your Content 
      </div> 
     </div> 
</div>

其他插件是avaliable的JavaScript位可以在這裏找到，如果你還沒有嘗試過呢。這也是我沒有嘗試過

http://www.net-kit.com/jquery-custom-scrollbar-plugins/

來源

2012-03-15 12:25:35 Kaushtuv

將嘗試ñ告訴你... – 2012-03-15 13:54:16

嘿Kaushtuv，我用這微小的滾動條從node.js的和WebSocket的，我表明you.But建立我的網絡聊天當我輸入新消息時，滾動條向上移動一點，它不會停留在底部，因此我不得不再次向下滾動以查看最新消息 – 2012-03-16 00:16:22

@HieuVanMach查看此鏈接http：// stackoverflow。 com/questions/5755716 /自動滾動到底部使用微型滾動條 – Kaushtuv 2012-03-16 02:35:10

如何在移動web應用程序中滾動div的內容？

回答

相關問題