Tengo un sitio que retomé desde otro sitio que ya tenía la empresa, en la página de "Localizar sucursal", al presentar los datos de la sucursal, a manera de lista; el scroll es infinito y no es responsive, ya que al verlo en un celular, es complicado bajar el scroll. Lo que me interesa es que en lugar de flechas verdes, sea únicamente la barra regular del navegador y no sea infinito.
<code>
<!--sucursales grande-->
<script type="text/javascript">
$(document).ready(function(){
cargar_estado();
//cargar_ciudades();
//cargar_sucursales();
$("#ciudad").attr("disabled",true);
$("#estado").change(function(){
if(this.value != 0){
cargar_ciudades();
}
});
$("#ciudad").change(function(){
if(this.value!=0){
cargar_sucursales();
}
});
});
/* ********************** */
function cargar_estado(){
var code = $("#pais").val();
$.get("pags/p_citys.php", { p:'loadEdos', code: code },
function(res){
if(res == false){
alert("Error");
}else{
$("#estado").attr("disabled",false);
document.getElementById("estado").options.length=1;
$('#estado').append(res);
}
}
);
}
function cargar_ciudades(){
var estado_id = $("#estado").val();
$.get("pags/p_citys.php", { p:'loadCitys', estado_id: estado_id },
function(res){
if(res == false){
//alert("Error");
$("#ciudad").attr("disabled",true);
}else{
$("#ciudad").attr("disabled",false);
document.getElementById("ciudad").options.length=1;
$('#ciudad').append(res);
}
});
}
function cargar_sucursales(){
var estado_id = $("#estado").val(); //'27'; //
var ciudad_nombre = $("#ciudad").val(); //'Villahermosa'; //
$.get("pags/p_citys.php", { p:'loadSucurs', estado_id: estado_id , ciudad_nombre: ciudad_nombre },
function(res){
if(res == false){
alert("Error");
//$("#ciudad").attr("disabled",true);
$('#sucursales').append(res);
}else{
// $('#sucursales').append(res);
$('#sucursales').html(res);
}
});
}
</script>
<div class="page">
<div class="consult_suc_selects" style="padding-bottom: 2%">
Estado
<select id="estado" name="estado" class="rc4">
<option>Seleccione un estado</option>
</select>
Ciudad
<select id="ciudad" name="ciudad" class="rc4">
<option>----------- </option>
</select>
</div>
<div>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCh1gZvUsD9ljetIt-i5jfTPtXhHB8uq7Y&sensor=true"> </script>
<div>
<div id="sucursales" class="sucursales col-lg-6 col-md-6 col-sm-12 col-xs-12" style="padding: 2%">
<br /><br />
Seleccione un estado y una ciudad.
<!-- <ul >
<li>
<span><b>1. Av. México </b></span><br />
Prolongación Av. México, Plaza las Lomas Local No. 8<br />
Col. Plaza Villarhermosa, C.P.76179 Villahermosa Tabasco<br />
01 (993) 1-39-35-54 <b><a href="#">Ver Mapa</a></b>
<br /></li>
<li>
<span>1. Av. México </span><br />
Prolongación Av. México, Plaza las Lomas Local No. 8<br />
Col. Plaza Villarhermosa, C.P.76179 Villahermosa Tabasco<br />
01 (993) 1-39-35-54 <b>Ver Mapa</b>
<br /></li>
<li>
<span>1. Av. México </span><br />
Prolongación Av. México, Plaza las Lomas Local No. 8<br />
Col. Plaza Villarhermosa, C.P.76179 Villahermosa Tabasco<br />
01 (993) 1-39-35-54 <b><a href="#">Ver Mapa</a></b>
<br /></li>
</ul>
-->
<!-- <script type="text/javascript" src="js/libs/simplyscroll/re_.js"></script>
<script type="text/javascript" src="js/libs/simplyscroll/common.js"></script>
<script type="text/javascript" src="js/libs/simplyscroll/jquery.simplyscroll.js"></script>
<link rel="stylesheet" href="js/libs/simplyscroll/jquery.simplyscroll.css" media="all" type="text/css">
-->
</div>
<!-- <div class="box_consult_suc_izq_flechas">
ss
<br />-<br />
ss
</div>-->
</div>
<!-- <div class="box_consult_suc_mid"></div>
-->
<div class="mapa col-lg-6 col-md-6 col-sm-12 col-xs-12" id="showMap">
<!-- <img src="images/local_suc_map.png" /> -->
</div>
</div><br />
</div>
<script type="text/javascript">
$(function() {
$(".d1_der_box_mid").addClass("box_consult_suc_selected");
$(".box_consult_suc").hide().animate({
width: [ "toggle", "swing" ],
height: [ "toggle", "swing" ],
opacity: "toggle"
}, 1500, "linear", function() {
//$( this ).after( "<div>Animation complete.</div>" );
});
});
</script>
<!--------------------fin--------------->
</div></div>
</code>