Question

我最近一直在开发移动应用程序，我必须从头开始编写日历。我必须在父div中的滚动区域中显示日期。我希望日期先进入，而不是隐藏在滚动区域。请帮助我如何在浏览器的可见部分中提取今天的日期

<div class="calendar">
<div class="scroll-dates">
 <ul>
   <li>Sun</li>
   <li>01</li>
 </ul>
 <ul>
   <li>Sun</li>
   <li>01</li>
 </ul>
 <ul>
   <li>Mon</li>
   <li>02</li>
 </ul>
 <ul>
   <li>Tue</li>
   <li>03</li>
 </ul>
 <ul>
   <li>Sun</li>
   <li>01</li>
 </ul>
 <ul>
   <li>Wed</li>
   <li>04</li>
 </ul>
 <ul>
   <li>Thu</li>
   <li>05</li>
 </ul>
 <ul>
   <li>Fri</li>
   <li>06</li>
 </ul>
 <ul>
   <li>Sat</li>
   <li class="today">07</li>
 </ul>

</div>
</div>

Answer 1

我认为这就是你looking for. (jsfiddle)

您可以使用offsetTop获取您要查找的div的偏移量，并使用scrollTop移动父div滚动位置：

var offset = $("#container").find("div[day='"+today.toDateString()+"']")[0].offsetTop;
$("#container")[0].scrollTop = offset;

还有一个scrollLeft和offsetLeft。小心因为偏移是相对于body元素。（有一个属性offsetParent）。要在控制台中查看属性，请尝试：

console.dir($("#container")[0]);

今天的水平日历日期突出显示在纯JavaScript中

1 个答案: