向上/向下滚动textarea单击网页上的prev和下一个超链接

我想显示超链接“prev”“next”。点击“下一个超级链接应滚动文本区域到下一个位置点击。‘PREV’超链接应滚动文本区域到先前的位置向上/向下滚动textarea单击网页上的prev和下一个超链接

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

2013-02-15 Deepak Yadav

请问您的textarea的有静态的高度？在那种情况下，我会使用jQuery.scrollTop（）函数并根据您想要的值设置它。[http://api.jquery.com/scrollTop/](http://api.jquery.com/ scrollTop的/） – Dygestor 2013-02-15 08:22:53

您可以使用分页。我更喜欢使用分页风格与jquery-

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

这将帮助你确定。根据需要，您可以使用margin属性来指定当前文本块的位置。

来源

2013-02-15 08:37:04 Manoj

尝试了这一点： - http://jsfiddle.net/MCK8g/

$(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”。

来源

2013-02-15 08:48:50

一派，先打..

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

来源

2013-02-15 09:00:47

向上/向下滚动textarea单击网页上的prev和下一个超链接

回答

相关问题