使用cookie在新页面上保存div滚动位置

时间:2011-11-18 16:15:47

标签: javascript html scroll

我的网站有滚动导航栏。

我需要在滚动条中保存滚动条的位置,并在加载页面时设置它。

我已经使用body onload和卸载测试了它,但它似乎没有工作。

任何帮助都将不胜感激。

示例代码如下。

<div class="ch-menu">
<ul id="ch-menu2">
  <?php 
    Some php code here to determine each link.

        if ($same != 0) 
        {
        ?>
            <li><a href="<?php $_SERVER['HTTP_HOST']?>/chunky/others/?catagory=<?php echo $link?>" title="View all Deals from <?php echo $text ?>"><?php echo $text?><span class="cat_count"><span style="top:-1px; position:relative;">(</span><?php echo $count ?><span style="top:-1px; position:relative;">)</span></span></a></li>
        <?php 
        } 
        else
        {?>
            <li class="ch_selected"><a href="<?php $_SERVER['HTTP_HOST']?>/chunky/others/?catagory=<?php echo $link ?>" title="View all Deals from <?php echo $text ?>"><?php echo $text?><span class="cat_count"><span style="top:-1px; position:relative;">(</span><?php echo $count ?><span style="top:-1px; position:relative;">)</span></span></a></li>
        <?php
        }
    } ?>
</ul>

1 个答案:

答案 0 :(得分:1)

这实际上不应该在PHP类别中;所有这些都可以在JS中完成。 我假设您想在用户离开页面时保存当前滚动位置? 在body unload事件中,创建一个cookie(通过JS)来保存document.body.scrollTop的值 在正文加载时,然后从cookie(通过JS)加载保存的值并将该值分配给scrollTop

来源: