Skip to main content
Legibilidad del codigo
Origen Enlace

Ayuda para ¿Cómo cambiar el scroll actual a uno regular?

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>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  Ciudad
   <select id="ciudad" name="ciudad" class="rc4">
    <option>-----------&nbsp;&nbsp; </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> 

Ayuda para cambiar el scroll

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.

<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>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  Ciudad
   <select id="ciudad" name="ciudad" class="rc4">
    <option>-----------&nbsp;&nbsp; </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> 

¿Cómo cambiar el scroll actual a uno regular?

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>


</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>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  Ciudad
   <select id="ciudad" name="ciudad" class="rc4">
    <option>-----------&nbsp;&nbsp; </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> 

tengoTengo 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. No sé si alguien podría apoyarme :(

La página actualmente está activa como:es la http://www.laboratorioschontalpa.com.mx/website/localizatusucursal.phpsiguiente.

(YA HICE LAS CORRECCIONES DEL DIV INCOMPLETO Y LOS ESTILOS QUE FALTABAN Ya hice las correccciones del div incompleto y los estilos que faltaban, PERO AÚN NO PUEDO CON EL SCROLL)pero aun no puedo con el scroll.

PHP "localizatusucursal.php":PHP "localizatusucursal.php"

<code>

    
<!--sucursales grande-->
$(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 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>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  Ciudad
   <select id="ciudad" name="ciudad" class="rc4">
    <option>-----------&nbsp;&nbsp; </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> 


Seleccione un estado y una ciudad.
  • 1. Av. México
    Prolongación Av. México, Plaza las Lomas Local No. 8
    Col. Plaza Villarhermosa, C.P.76179 Villahermosa Tabasco
    01 (993) 1-39-35-54 Ver Mapa
  • 1. Av. México
    Prolongación Av. México, Plaza las Lomas Local No. 8
    Col. Plaza Villarhermosa, C.P.76179 Villahermosa Tabasco
    01 (993) 1-39-35-54 Ver Mapa
  • 1. Av. México
    Prolongación Av. México, Plaza las Lomas Local No. 8
    Col. Plaza Villarhermosa, C.P.76179 Villahermosa Tabasco
    01 (993) 1-39-35-54 Ver Mapa
  • -->

    -->

        </div>
        
    
    ss
    -
    ss-->
        </div>
      
    
    -->

    El scroll está en otro archivo llamado p_citys.php, donde encontré estas opciones del scroll

     <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>
    

    $(function(){$(".d1_der_box_mid").addClass("box_consult_suc_selected");
    <code>
      echo $res."</ul>             
      <script type='text/javascript'>
         (function($) {
         $(".box_consult_suc"function().hide {
          $('#sucs').animatesimplyScroll({
        width: [ "toggle"customClass: 'vert', 
     "swing" ]    orientation: 'vertical',
        height: [ "toggle"auto: false, 
     "swing" ]    manualMode: 'loop',
        opacity    frameRate: "toggle"40,
     }, 1500, "linear", function() {
       speed: //$(10 this ).after( "<div>Animation complete.</div>"       
        });
        });
     
      
        })(jQuery);
    
        </script>"; 
    </code>
    

    El scroll está en otro archivo llamado p_citys.php, donde encontré estas opciones del scroll:

    echo $res." (function($) { $(function() { $('#sucs').simplyScroll({ customClass: 'vert', orientation: 'vertical', auto: false, manualMode: 'loop', frameRate: 40, speed: 10 }); }); })(jQuery);
    </script>"; 
    

    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. No sé si alguien podría apoyarme :(

    La página actualmente está activa como: http://www.laboratorioschontalpa.com.mx/website/localizatusucursal.php

    (YA HICE LAS CORRECCIONES DEL DIV INCOMPLETO Y LOS ESTILOS QUE FALTABAN, PERO AÚN NO PUEDO CON EL SCROLL)

    PHP "localizatusucursal.php":

    <code>
    
        
    <!--sucursales grande-->
    
    $(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);}});}
    <div class="consult_suc_selects" style="padding-bottom: 2%">
    Estado 
    <select id="estado" name="estado" class="rc4">
     <option>Seleccione un estado</option>   
    </select>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    Ciudad
     <select id="ciudad" name="ciudad" class="rc4">
      <option>-----------&nbsp;&nbsp; </option>
     </select>
     
    


    Seleccione un estado y una ciudad.
  • 1. Av. México
    Prolongación Av. México, Plaza las Lomas Local No. 8
    Col. Plaza Villarhermosa, C.P.76179 Villahermosa Tabasco
    01 (993) 1-39-35-54 Ver Mapa
  • 1. Av. México
    Prolongación Av. México, Plaza las Lomas Local No. 8
    Col. Plaza Villarhermosa, C.P.76179 Villahermosa Tabasco
    01 (993) 1-39-35-54 Ver Mapa
  • 1. Av. México
    Prolongación Av. México, Plaza las Lomas Local No. 8
    Col. Plaza Villarhermosa, C.P.76179 Villahermosa Tabasco
    01 (993) 1-39-35-54 Ver Mapa
  • -->

    -->

        </div>
        
    
    ss
    -
    ss-->
        </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>
    

    $(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>" );
     });
     
      
     });
    

    El scroll está en otro archivo llamado p_citys.php, donde encontré estas opciones del scroll:

    echo $res." (function($) { $(function() { $('#sucs').simplyScroll({ customClass: 'vert', orientation: 'vertical', auto: false, manualMode: 'loop', frameRate: 40, speed: 10 }); }); })(jQuery);
    </script>"; 
    

    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.

    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>
    
    <!--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>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      Ciudad
       <select id="ciudad" name="ciudad" class="rc4">
        <option>-----------&nbsp;&nbsp; </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>
    
    Origen Enlace

    Ayuda para cambiar el scroll

    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. No sé si alguien podría apoyarme :(

    La verdad que no sé mucho de programación, lo que sé es bastante básico.

    La página actualmente está activa como: http://www.laboratorioschontalpa.com.mx/website/localizatusucursal.php

    (YA HICE LAS CORRECCIONES DEL DIV INCOMPLETO Y LOS ESTILOS QUE FALTABAN, PERO AÚN NO PUEDO CON EL SCROLL)

    PHP "localizatusucursal.php":

    <code>
    
        
    <!--sucursales grande-->
    
    $(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); } }); }
    <div class="consult_suc_selects" style="padding-bottom: 2%">
    Estado 
    <select id="estado" name="estado" class="rc4">
     <option>Seleccione un estado</option>   
    </select>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    Ciudad
     <select id="ciudad" name="ciudad" class="rc4">
      <option>-----------&nbsp;&nbsp; </option>
     </select>
     
    


    Seleccione un estado y una ciudad.
  • 1. Av. México
    Prolongación Av. México, Plaza las Lomas Local No. 8
    Col. Plaza Villarhermosa, C.P.76179 Villahermosa Tabasco
    01 (993) 1-39-35-54 Ver Mapa
  • 1. Av. México
    Prolongación Av. México, Plaza las Lomas Local No. 8
    Col. Plaza Villarhermosa, C.P.76179 Villahermosa Tabasco
    01 (993) 1-39-35-54 Ver Mapa
  • 1. Av. México
    Prolongación Av. México, Plaza las Lomas Local No. 8
    Col. Plaza Villarhermosa, C.P.76179 Villahermosa Tabasco
    01 (993) 1-39-35-54 Ver Mapa
  • -->

    -->

        </div>
        
    
    ss
    -
    ss -->
        </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>
    

    $(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>" );
     });
     
     
    });
    

    El scroll está en otro archivo llamado p_citys.php, donde encontré estas opciones del scroll:

    echo $res." (function($) { $(function() { $('#sucs').simplyScroll({ customClass: 'vert', orientation: 'vertical', auto: false, manualMode: 'loop', frameRate: 40, speed: 10 }); }); })(jQuery);
    </script>";