3

所以这是我的设置。在我的页面上，我有两列。在左栏中，我有一个手风琴，在其下方，我有一些带有链接的文本。在右栏中，我有一些图片由左栏中文本内的链接控制。图像可以滚动。

在我的页面上，我有一个可以正常工作的手风琴，并且设置如下

$( "#accordion" ).accordion({
    autoHeight: false,
    navigation: true,
    change: function(event, ui) { dynamicOffsetValue(); }/*This here call's the dynamicOffsetValue function after the accordion has finished animation*/
});

然后我有一个函数可以给我一个包裹在手风琴周围的 div 的高度

function dynamicOffsetValue()
{
    var top = $("#accordion").height();/*IF I ALERT THIS THEN IT GIVES ME THE NUMBER I NEED*/
}

dynamicOffsetValue();

然后我还为右列中的图像设置了 localscroll 插件

  var scrollOptions = {
      target:div#overflow, /* the element that has the overflow and contains images*/
      offset:500,/*HOW TO I MAKE THIS EQUAL TO dynamicOffsetValue ???*/
      axis: 'xy',
      duration: 50,  
      easing: 'swing'
    };

$('.scrollContainer').localScroll(scrollOptions);/*.scrollContainer(this element wraps both left and right column) */

现在，当页面加载并且第一个手风琴打开并且用户单击文本内的链接时，图像就会滚动到我想要的位置。但是当 Accordion 在不同的状态下打开时，偏移值 500 是不够的。

我将如何去做，以便当用户点击手风琴时，dynamicOffsetvalue 被发送到 scrollOptions，然后当用户点击文本内的链接（这会触发 localscroll）时，读取新的偏移值？

希望所有这些都有意义。:)

4

2 回答 2

0

像往常一样，在发布这个问题后一点点时间，答案就来了。（我已经搞砸了两天）

这是我的最终设置。我想我的问题是文本中的链接仅在页面加载时才被分配给它们，因此忽略了对 scrollOptions 的任何更新。但是现在我已经在我的 dynamicOffset 函数中移动了所有 localscroll 设置，每次单击手风琴部分时都会重新分配它（localscroll），然后它（localscroll）读取新的更新偏​​移值。

    $( "#accordion" ).accordion({
        autoHeight: false,
        navigation: true,
        change: function(event, ui) { dynamicOffsetValue(); }/*This here call's the dynamicOffsetValue function after the accordion has finished animation*/
    });


    function dynamicOffsetValue()
    {
        var top = $("#accordion").height();/*IF I ALERT THIS THEN IT GIVES ME THE NUMBER I NEED*/

          var scrollOptions = {
          target:'div#overflow', /* the element that has the overflow and contains images*/
          offset:top,/*THIS NOW EQUALS TOP*/
          axis: 'xy',
          duration: 50,  
          easing: 'swing'
        };

    $('.scrollContainer').localScroll(scrollOptions);/*.scrollContainer(this element wraps both left and right column) */

    }

    dynamicOffsetValue();
于 2012-05-21T05:58:07.163 回答
0

为什么不在链接（href="#my_id"）中使用锚点并将这些 id 添加到您想要的图像中，而不是设置偏移量？

于 2012-05-20T20:09:41.560 回答