Question

我正在尝试创建一个链接，点击后可以运行一个javascript函数来计算页面滚动的距离，然后通过URL发送该值...我主要使用php工作所以我不是非常精通n javascript

我的链接

    <?php    
            echo '<a href="test.php?scroll=';
    ?>
            <script>
                   $(document).scrollTop();
            </script>
    <?php    
            echo '">add to cart
            </A>';
    ?>

Javascript功能：

<script>
    $(document).scroll(function() {
        console.log($(document).scrollTop());
})

Answer 1

你不能只使用链接锚吗？

http://www.w3.org/TR/html401/struct/links.html#h-12.2.3

Answer 2

您需要使用javascript动态更新用户点击时要发送的数据。这里的示例是HTML / javascript代码，为您提供要点，但我的JQuery没用：

使用表格：

<form action="test.php" name="theForm">
   <input type="hidden" name="scroll" value="0" />
   <input type="button" value"Add to cart" />
</form>

<script>
$(document).scroll(
  function() {
    document.theForm.scroll.value = $(document).scrollTop();
  }
);
</script>

滚动会触发JQuery事件处理程序，该处理程序将转到表单并更新隐藏字段的值。当用户单击“添加到购物车”时，将提交隐藏字段中的滚动数据。

保存滚动距离并将其传递给URL

2 个答案: