jquery-plugins - starting smoothdivscroll at random position

Question

I am using smoothdivscroll plugins. I want to start scrolling at different position f text when page is reloaded or refreshed. How can I do this?

Thanks.

Answer 1

您必须自己为这个特殊功能编写一些代码。SmoothDivScroll 有一个选项startAtElementId，您可以使用它来告诉滚动条从某个元素 (id) 的位置开始。如果您在服务器端动态加载滚动条的内容（使用 PHP、ASP.NET 或类似的东西），您可以让服务器端代码选择其中一个内容元素并向其添加某个 id。然后你会像这样设置选项：

<script type="text/javascript">
   $(document).ready(function() {
      $("#makeMeScrollable").smoothDivScroll({ 
         startAtElementId: "yourID"
      });
   });
</script>

您也可以使用方法jumpToElement。首先，您将初始化插件。然后直接在您调用 jumpToElement 并告诉它跳转到一个随机数介于 1 和您已加载的元素总数之间的元素之后。这没有以任何方式进行测试，但我认为它看起来像这样：

<script type="text/javascript">
   $(document).ready(function() {
      // Initialize the plugin
      $("#makeMeScrollable").smoothDivScroll();

      // Randomize an element
      var numberOfElements = $("#scrollableArea *").length;
      var randomNumber = Math.floor(Math.random() * numberOfElements + 1 );
      $("#makeMeScrollable").smoothDivScroll("jumpToElement", "number", randomNumber);

   });
</script>

正如我所说，上面的代码还没有经过测试，但是类似的东西应该可以工作。

祝你好运！