我无法应用CSS属性"；滚动行为：平滑"；当我使用该物业时；scrollTop"；在Javascript中_Javascript_Html_Jquery_Css

我无法应用CSS属性"；滚动行为：平滑"；当我使用该物业时；scrollTop"；在Javascript中

javascript html jquery css

我无法应用CSS属性"；滚动行为：平滑"；当我使用该物业时；scrollTop"；在Javascript中,javascript,html,jquery,css,Javascript,Html,Jquery,Css,首先，如果我有拼写或语法错误，请道歉。我来自阿根廷当我点击一个链接时，我想要一个平滑的滚动，该链接将我带到联系人部分（id=contact）或客户部分（id=client）。但我也使用一个代码来生成一个自动循环，这会干扰平滑滚动 <body> <header> <section class="header_menu-container"> <div class="title-container&q

首先，如果我有拼写或语法错误，请道歉。我来自阿根廷

当我点击一个链接时，我想要一个平滑的滚动，该链接将我带到联系人部分（id=contact）或客户部分（id=client）。但我也使用一个代码来生成一个自动循环，这会干扰平滑滚动

 <body>
  <header>
    <section class="header_menu-container">
      <div class="title-container">
        <img src="images/logo_chico.jpg" alt="Bl Consultores">
        <h1>BL CONSULTORES</h1>
      </div>
      <span class="toggle-nav"></span>
      
        <div id="menu" class="menu-container">
          <div class="title-menu_container">
            <h3>MENU</h3>
            <span id="close-button"></span>
          </div>
          <nav>
            <ul>
              <li><a href="index.html">Inicio</a></li>
              <li><a href="#client" class="scroll">Nuestros Clientes</a></li>
              <li><a href="#contact" class="scroll">Contacto</a></li>
              <li><a href="servicios.html">Dpto. Productos</a></li>
              <li><a href="">Prefectura Naval</a></li>
              <li><a href="bases/ingreso.htm" target="_blank" rel="noopener noreferrer">Consulta de Expedientes</a></li>
            </ul>
          </nav>
        </div>
      </section>
      <div class="header-title_container">
        <h2>El mejor servicio de consultoría</h2>
        <a href="#contact">Contáctanos</a>
      </div>
    
  </header>
  <main>
    <section class="who-section">
      <div>
        <h3>¿Cuál es nuestro trabajo?</h3>
        <p>Nuestro trabajo profesional incluye áreas de la Propiedad Intelectual y aquellos temas relacionados con Comercialización de Productos e inscripciones, importaciones y exportaciones, especializándonos en el area de alimentos.</p>
      </div>
      <div>
        <img src="images/businessman-examining-papers-at-table.jpg" alt="Consultora" >
      </div>
   <section id="client" class="client-section">
      <h3>Tenemos la confianza de nuestros clientes</h3>
   </section>
    <section id="trying">
      <h3>Te mantenemos informado</h3>
      <div id="contain">
        <div id="scroll-text">
          <h4>07/06/2012 Disposicion ANMAT 2997/12 </h2>
        
        </div>
        <div id="scroll-text">
          <h4>06/06/2012 Disposicion ANMAT 3038/12</h4>
       
        </div>

        <div id="scroll-text">
          <h4>05/06/2012 Disposicion ANMAT 3097/12</h4>
         
        </div>

        <div id="scroll-text">
          <h4>04/06/2012 Disposicion ANMAT 2999/12 </h4>
        
        </div>

        <div id="scroll-text">
          <h4>04/06/2012 Disposicion ANMAT 2998/12</h4>
         
        </div>

        <div id="scroll-text">
          <h4>01/06/2012 Disposicion ANMAT 2993/12</h4>
       
        </div>

        <div id="scroll-text">
          <h4>29/05/2012 Disposicion ANMAT 2897/12</h4>
       
        </div>

        <div id="scroll-text">
          <h4>Disposición 1207/2012-ANMAT - Prohibe la fabricación de mamaderas que contengan BISFENOL A</h4>
        </div>

        <div id="scroll-text">
          <h4>18/10/11 - Resolución 735/11-SENASA - PRODUCTOS ALIMENTICIOS - Aprueba Reglamento Técnico sobre Identidad y Calidad de Pimentón</h4>
       
        </div>
      </div>
    </section>
  <section id="contact" class="contact-section">
  </section>
  </main>
</body>

这是带有jquery的javascript代码，我使用它来创建滚动循环，它显示文本块div（id=“scroll text”），而它们正在向下移动

  var time;
  const contain = $("#contain");
  const scroll_text = $("#scroll-text");
    $(document).ready(function(){
      append_clone();
      pageScroll();

      contain.mouseover(function() {
        clearTimeout(time);
          }).mouseout(function() {
        pageScroll();
          });

    });

  function append_clone(){
  scroll_text.each(function(){
  
  scroll_text.clone().appendTo(contain);
});
}

function pageScroll() {
var objDiv = document.getElementById("contain");

      objDiv.scrollTop = objDiv.scrollTop + 2;
 
  time = setTimeout('pageScroll()', 100);
}

产生错误的代码行是

objDiv.scrollTop=objDiv.scrollTop+2
您能提供一个工作示例吗？您的HTML不完整，请使用snippet（CTRL+M）发布代码。值得注意的是，如果您在Safari上测试此功能，它将无法工作，因为它不受支持，但在其他主要浏览器中，即Edge Chrome、Chrome、Mozilla，您的id=“contain”元素在哪里？你到底犯了什么错误？我在Chrome上试过了。问题是，当我点击导航的链接将我带到客户或联系人部分时，平滑效果没有得到应用
  var time;
  const contain = $("#contain");
  const scroll_text = $("#scroll-text");
    $(document).ready(function(){
      append_clone();
      pageScroll();

      contain.mouseover(function() {
        clearTimeout(time);
          }).mouseout(function() {
        pageScroll();
          });

    });

  function append_clone(){
  scroll_text.each(function(){
  
  scroll_text.clone().appendTo(contain);
});
}

function pageScroll() {
var objDiv = document.getElementById("contain");

      objDiv.scrollTop = objDiv.scrollTop + 2;
 
  time = setTimeout('pageScroll()', 100);
}