我正在Wordpress中构建一个博客页面并添加一个指向当前帖子的侧边栏.我想用jQuery填充当前帖子的日期.这只是一个想法,所以我没有任何代码.但它的功能如下:

当您向下滚动页面时,日期(或其他信息)将根据您所在的div而改变.它还必须在博客环境中工作,这意味着每个div可能具有不同的高度.
有什么想法吗?
我正在把这头发拉出来.我在一个页面上使用FlexSlider,效果很好; 但是在运行时,Safari(Mac版本,而不是ios)会使页面上的字体变薄.Firefox和Chrome都没有问题.这是我的基本代码,以防万一:
<html>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/flexslider.css" />
<title>Title</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/flexslide.js"></script>
</head>
<body>
<div id="header"><span class="slogan">Slogan At The Top</span></div>
<h1>View These Slides</h1>
<div class="gallery">
<div class="flexslider-container">
<div class="flexslider">
<ul class="slides">
<li><div class="slider">Element 1</div></li>
<li><div class="slider">Element 2</div></li>
</ul>
</div>
</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我实际上假设这种情况下的代码无济于事.我觉得这更像Safari的问题和FlexSlider中的一些问题.我以为我已经将问题缩小到了FlexSlider对translate3d的使用,但它没有成功.
有没有其他人经历过Safari改变基于jQuery元素的字体厚度,甚至是像flash视频(在这种情况下不使用)?另外,我没有使用任何嵌入字体,fyi.