Question

我希望WP页面根据星期几滚动到某个班级。在每一天，我希望用户浏览器滚动到当天，并在周日滚动到星期一。

HTML添加到WordPress页面

<h2>Activities</h2>
<ul>
   <li><span class="monday">Monday</span>xyz</li>  
   <li><span class="tuesday">Tuesday</span>xyz</li>
   <li><span class="wednesday">Wednesday</span>xyz</li>
   <li><span class="thursday">Thursday</span>xyz</li>
   <li><span class="friday">Friday</span>xyz</li>
   <li><span class="saturday">Saturday</span>xyz</li>    
</ul>

我知道我需要getDay JS来确定当天，但我很难让页面滚动。任何帮助将不胜感激。提前致谢！ vik3d

Answer 1

看看这是否有帮助：https://jsfiddle.net/y3llowjack3t/rephuby3/

$("#button").click(function() {
    $('html, body').animate({
        scrollTop: $(".wednesday").offset().top
    }, 2000);
});

有关此主题的更多帮助，请参阅此链接： jQuery scroll to element

<强>更新

要滚动加载，请参阅： https://jsfiddle.net/y3llowjack3t/rephuby3/1/

根据工作日名称滚动： https://jsfiddle.net/y3llowjack3t/rephuby3/3/

如何根据星期几将页面滚动到某个类？

1 个答案: