Discovering a simpler solution, I stumbled upon a neat trick. To smoothly scroll to a specific element on the page, simply execute this line of code:

    browser.actions().mouseMove(element).perform();

Once executed, watch as the browser elegantly shifts its focus onto the desired element.

In addition to the previous response, I would like to offer further clarification.

The following piece of code, within the 'executeScript' function call:

'window.scrollTo(0,0);'

• Scrolls the window upwards to the coordinates 0,0, effectively bringing it to the very top
• If you have a specific location in mind, simply adjust the coordinates accordingly.

If your intention is to reach the bottom of the window, as was my objective, you can input a large number in the 'y' coordinate, as demonstrated here:

browser.executeScript('window.scrollTo(0,10000);').then(function () {
    expect(<some control>.<some state>).toBe(<some outcome>);
})

If you're facing the same issue I was encountering:

I needed to scroll to the bottom of the page to load more data in an infinite scroll setup. I experimented with different variations of window.scrollTo and arguments[0].click() but couldn't get it to work.

Eventually, I discovered that in order to make the page scroll, I first had to click on any element within the window to bring focus to it. After doing so, window.scrollTo(0, document.body.scrollHeight) worked perfectly!

Here's an example code snippet:

element(by.className('<any element on page>')).click();
browser.executeScript('window.scrollTo(0,document.body.scrollHeight)').then(function(){
// add your verification logic here
});

In my experience, I've discovered that utilizing a util helper and integrating it into page objects or test files can be quite beneficial. Here's an example of how I implemented this approach:

utils.js

module.exports = {
  scrollIntoView: function(el) {
    browser.executeScript(function(el) {
      el.scrollIntoView();
    }, el.getWebElement());
  }
}

within a page object...

var scrollIntoView = require('../utils').scrollIntoView;

module.exports = {
  clickBackBtn: function() {
    var el = element(by.buttonText('Go back'));
    scrollIntoView(el);
    el.click();
    return;
  }
}

in the actual test script...

it('should allow the user to navigate back to the profile page', function() {
  PageObject.clickBackBtn();
  expect(browser.getCurrentUrl()).toContain('/user/profile');
});

If you're seeking a quick way to navigate to the top or bottom of a lengthy page, try using the 'HOME' key to return to the top or the 'END' key to reach the bottom.

For example:

browser.actions().sendKeys(protractor.Key.HOME).perform();

or

browser.actions().sendKeys(protractor.Key.END).perform();

The question was originally marked as correct, but after updating to the latest version of Chrome (v54), the code below may provide the best solution:

browser.actions().mouseMove(element).perform();

If you're looking for an alternative method, give this a shot:

this.customScrollPage = function (element) {

    function scrollExecution() {
        return browser.executeScript('arguments[0].scrollIntoView()',
            element.getWebElement())
    }

    browser.wait(scrollExecution, 5000);

};

If you want to easily navigate to a specific element on a page, simply scroll down until you find it and then click on it. The following code has been tested and verified to work with the latest version of Protractor:

it('navigate to element', function() {
           browser.driver.get('https://www.seleniumeasy.com/');
            var btnSubscribe= element(by.id('mc-embedded-subscribe'));
            browser.executeScript("arguments[0].scrollIntoView();", btnSubscribe);
             browser.sleep(7500);
             btnSubscribe.click();
          });

implement

let centerElement = async (browser, element) => {
    await browser.executeScript(`arguments[0].scrollIntoView({block: "center"});`, element.getWebElement());
};

Use this function to scroll the element into the center of the window.

After trying out all the techniques mentioned above, I can confidently say that three things are guaranteed to work:

// To scroll to the top of the browser page
browser.actions().sendKeys(protractor.Key.HOME).perform();

// To scroll to the bottom of the browser page
browser.actions().sendKeys(protractor.Key.END).perform();

If the scrolling functionality is specific to a certain area within the browser, click on that area first before using the code provided above.

// For alternative scrolling methods, you can visit: "https://www.guru99.com/scroll-up-down-selenium-webdriver.html"
// The most effective approach is to use the following snippet where Element refers to the XPath 
let Element = element(by.xpath(optionid));
await browser.executeScript("arguments[0].scrollIntoView();", Element.getWebElement());

I faced a similar problem, but I managed to find solutions using two different approaches.

//#region Focus
var checkElem = await element(by.xpath("SomeXpath"));
await browser.executeScript("arguments[0].focus()", checkElem);

If the above code doesn't work, try this alternative:

//#region Adjust_To_Center
var focusAdjustment = await element(by.xpath("SomeXpath"));
await browser.executeScript('arguments[0].scrollIntoView({block: "center"});', focusAdjustment);

If you're finding it difficult to reach the bottom of the page due to a blocking footer, you can easily scroll down using this simple code snippet:

await browser.controlFlow().execute(function () {
  browser.driver.actions().sendKeys(protractor.Key.END).perform();
});