Macos – iTerm2 – scroll less output with mouse

itermmacosmousescrollterminal

I just switched from OSX Terminal to iTerm2, and I seem to have lost one piece of functionality.
In Terminal, I could scroll through output of the less command with my mouse, because I had installed MouseTerm.

However, when I try scrolling less output in iTerm2, the window's scrollbar moves instead.
Strangely, scrolling works as expected with vim.

How can I scroll less output with my mouse in iTerm2?

Best Answer

Now it is implemented in iTerm2 and can be activated by

Settings -> Advanced -> Scroll wheel sends arrow keys when in alternate screen mode and change it to Yes

image of "Scroll wheel sends arrow keys when in alternate screen mode" setting

(defaults write com.googlecode.iterm2 AlternateMouseScroll -bool true still works but it just changes the same setting)

Related Solutions

Javascript – Scroll to the top of the page using JavaScript

If you don't need the change to animate then you don't need to use any special plugins - I'd just use the native JavaScript window.scrollTo() method -- passing in 0, 0 will scroll the page to the top left instantly.

window.scrollTo(xCoord, yCoord);

Parameters

xCoord is the pixel along the horizontal axis.
yCoord is the pixel along the vertical axis.

Javascript – Scroll to an element with jQuery

Assuming you have a button with the id button, try this example:

$("#button").click(function() {
    $([document.documentElement, document.body]).animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 2000);
});

I got the code from the article Smoothly scroll to an element without a jQuery plugin. And I have tested it on the example below.

<html>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script>
        $(document).ready(function (){
            $("#click").click(function (){
                $('html, body').animate({
                    scrollTop: $("#div1").offset().top
                }, 2000);
            });
        });
    </script>
    <div id="div1" style="height: 1000px; width 100px">
        Test
    </div>
    <br/>
    <div id="div2" style="height: 1000px; width 100px">
        Test 2
    </div>
    <button id="click">Click me</button>
</html>

Best Answer

Related Solutions

Javascript – Scroll to the top of the page using JavaScript

Javascript – Scroll to an element with jQuery

Related Topic