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.
La verdad que no sé mucho de programación, lo que sé es bastante básico.
La página es la siguiente.
Ya hice las correccciones del div incompleto y los estilos que faltaban, pero aun no puedo con el scroll
.
PHP "localizatusucursal.php"
<code>
</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>
El scroll está en otro archivo llamado p_citys.php, donde encontré estas opciones del scroll
<code>
echo $res."</ul>
<script type='text/javascript'>
(function($) {
$(function() {
$('#sucs').simplyScroll({
customClass: 'vert',
orientation: 'vertical',
auto: false,
manualMode: 'loop',
frameRate: 40,
speed: 10
});
});
})(jQuery);
</script>";
</code>