Question

我想显示超链接“prev”“next”。单击“下一个超链接应将textarea滚动到下一个位置。单击“上一步”超链接应将textarea滚动到上一个位置。

在文本区域中跳跃的位置是已知的，例如行：10，然后行40,50,70,101，.... textarea有一个固定的高度。

Answer 1

您可以使用分页。我更喜欢使用带有jquery的样式分页 -

http://flaviusmatis.github.com/simplePagination.js/#page-20

这将有助于您确定。根据您的需要，您需要为当前的文本块提供位置，或者您可以使用margin属性。

Answer 2

$(function(){

    $("#prev").on("click",function(){
        $("html, body").animate({ scrollTop: -500 + window.pageYOffset }, 600);
    });

     $("#next").on("click",function(){
         $("html, body").animate({ scrollTop: 500 + window.pageYOffset }, 600);
    });
});

根据所需的滚动更改系数“500”。

Answer 3

用Google搜索，先点击..

function scrollToLine($textarea, lineNumber) {
  var lineHeight = parseInt($textarea.css('line-height'));
  $textarea.scrollTop(lineNumber * lineHeight);      
}

https://makandracards.com/makandra/8247-scroll-a-textarea-to-a-given-line-with-jquery

（解决方案是使用jQuery）

如上所述它们只有在行高设置为像素时才有效，如果没有，帖子中也会给出带有变通方法的链接，请参阅

jQuery: scroll textarea to given position

单击网页中的上一个和下一个超链接向上/向下滚动文本区域

3 个答案: