Question

当我单击箭头更改推荐评论时，我的页面会自动滚动到网页顶部吗？下面表示推荐部分中滑块的HTML代码。当用户单击箭头以更改推荐时，如何获得下一条评论？ Github repo，如果您需要查看更多代码。这是用于index.html页面的。

<!-- Section -->
<div class="template-section template-section-padding-reset template-clear-fix">
<!-- Flex layout 50x50% -->
<div class="template-layout-flex template-clear-fix template-background-color-1">
<!-- Left column -->
<div>
   <!-- Header + subheader -->
   <div class="template-component-header-subheader">
      <h2>Testimonials</h2>
      <div></div>
      <span>Our customers love us</span>
   </div>
   <!-- Space -->
   <div class="template-component-space template-component-space-2"></div>
   <!-- Testimonials list -->
   <div class="template-component-testimonial-list template-clear-fix">
      <!-- Content -->
      <ul class="template-clear-fix">
         <li>
            <p>I could not be happier with the job you did on my car. It looks great. Thank you for your great service and I will continue to refer friends and family to you all.</p>
            <h6>Dotti Newman</h6>
            <span>Audi Q5</span>
         </li>
         <li>
            <p>I think Auto Spa is the best car washers ever. Love the price, convenience and customer service. Thanks so much! My car looks like new. I will definitely come again.</p>
            <h6>David Magnus</h6>
            <span>Nissan Titan X5</span>
         </li>
         <li>
            <p>Finally a car wash that does pay attention to the detail. I have a little extra time and money and I let them do the full detail and it always has turned out great.</p>
            <h6>Josh Williams</h6>
            <span>Toyota Avensis</span>
         </li>
      </ul>
      <!-- Navigation -->
      <div class="template-component-testimonial-list-navigation">
         <a href="#" class="template-component-testimonial-list-navigation-left template-icon-meta-arrow-large-rl"></a>
         <span class="template-component-testimonial-list-navigation-center template-icon-feature-testimonials"></span>
         <a href="#" class="template-component-testimonial-list-navigation-right template-icon-meta-arrow-large-rl"></a>
      </div>
   </div>
</div>

Answer 1

添加一个<select name="skuAndSize" id="skuAndSize" class="ncss-btn fs16-sm ncss-base pb3-sm prl5-sm pt3-sm css-1rsed2n"> <option value="" disabled="">Select Size</option> <option value="22348626:7" disabled="">US 7</option> <option value="22348625:7.5" disabled="">US 7.5</option> <option value="22348624:8" disabled="">US 8</option> <option value="22348621:8.5" disabled="">US 8.5</option> <option value="22348619:9" disabled="">US 9</option> <option value="22348623:9.5">US 9.5</option> <option value="22348618:10">US 10</option> <option value="22348622:10.5">US 10.5</option> <option value="22348635:11">US 11</option> <option value="22348634:11.5" disabled="">US 11.5</option> <option value="22348633:12">US 12</option> <option value="22348632:12.5" disabled="">US 12.5</option> <option value="22348631:13">US 13</option> <option value="22348630:14" disabled="">US 14</option> <option value="22348629:15" disabled="">US 15</option> </select>标签。为此，请查看此https://www.w3schools.com/html/html_id.asp

当用户单击箭头以更改推荐时，如何获得下一条评论？

1 个答案: