how to avoid horizontal scrolling in jquery mobile of page? -
can please tell me how avoid horizontal scrolling in query mobile? page able horizontally..
i need remove horizontal scrolling user scroll vertically working..?
here code..
<div data-role="page" id="realtimescreen" > <div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false"> <h1 class="ui-title" id="heading" style="text-align:left;margin-left: 20px;" ></h1> <div class="ui-btn-right" id="addbuttons" data-role="controlgroup" data-type="horizontal"> <a ><img src="img/follow-realtime.png" class="follow_h"id=""/></a> <a><img src="img/stop-realtime.png" id="" class="stop_h"/></a> <a><img src="img/email-document.png" id="" class="email_h"/></a> <a><img src="img/search.png" id="" class="search_h" /></a> <a><img src="img/zoom-in.png" id="" class ="zoomin_h"/></a> <a><img src="img/export-realtime.png" id="" class="exportrealtime_h"/></a> </div> </div> <div class="searchcontend_h" style="display: none"> <div class="ui-grid-c"> <div class="ui-block-a" style="width: 30%;" > <input name="text-12" id="text-12" value="" type="text" autocorrect="off" class="searchbox"> </div> <div class="ui-block-b"> <a href="#" data-role="button" data-corners="false" data-inline="true" class="search">search</a> </div> <div class="ui-block-c" style="margin-left: 5px;"> <a href="#" data-role="button" data-corners="false" data-inline="true" id="next" class="searchnext" disabled>next</a> </div> <div class="ui-block-d" style="margin-left: 30px;"> <a href="#" data-role="button" data-corners="false" data-inline="true" id="prev" class="searchprev" disabled>previous</a> </div> </div> </div> <!--div data-role="fieldcontain"> <input name="text-12" id="text-12" value="" type="text" class="textsearchvalue_h"> <a href="#" data-role="button" data-corners="false" data-inline="true" class="searchbuttonclicktext_h" >search</a> <a href="#" data-role="button" data-corners="false" data-inline="true" class="next_h">next</a> <a href="#" data-role="button" data-corners="false" data-inline="true" class="previous_h">previous</a> </div--> <div data-role="fieldcontain" class="slidercontend_h" style="display: none; padding-top:10px;"> <input type="range" name="slider-2" id="slider-2" value="15" min="15" max="25" class="slider_h" data-highlight="true" /> </div> <div data-role="content" data-theme="d"> <div id="realtimecontents" class="realtimecontend_h"> </div> <div class="cursor" style="font-size:23px;">|</div> </div> </div>
Comments
Post a Comment