当焦点显示在搜索文本上时,scrollTop不起作用?

时间:2014-03-17 07:46:22

标签: javascript jquery

你能告诉我为什么我的 scrollTop ,它插入了一个胺化函数。实际上我搜索一个文本并且焦点应该去搜索文本。但是它不能滚动到匹配单词吗?

这是我的小提琴。 http://jsfiddle.net/3MVNj/6/

function searchNext() {
   var searchTerm = $('.searchbox').val();
   if (searchTerm == '') {
       PG_alert("Please Insert Text.")
       return;
   }
   if (searchTerm == 'b' || searchTerm == 'r' || searchTerm == 'br') {
       // PG_alert("Please .")
       return;
   }

   if (searchIndex != -1) {
       searchIndex++;
       if (searchIndex >= $('.match').length) {




           //naveen end
           searchIndex = -1;
       }
       $('.highlighted').removeClass('highlighted');
       $('.match').eq(searchIndex).addClass('highlighted');
       $('#fullContainer').animate({
           scrollTop: $('.match').eq(searchIndex).get(0).offsetTop
       });
   }
}

1 个答案:

答案 0 :(得分:0)

我认为你需要提供#fullContainer元素的高度并给出overflow:scroll

#fullContainer {
    height:500px;
    overflow:scroll;
}

请参阅更新的小提琴http://jsfiddle.net/YQs6p/