Scrollby markdown

[phillip-alter]

Description

Created scrollBy() page. Defined scrollBy() and provided in-code examples.

Issue Solved

Closes #6105

Type of Change

• Adding a new entry
• Updating the documentation

Checklist

• All writings are my own.
• My entry follows the Codecademy Docs style guide.
• My changes generate no new warnings.
• I have performed a self-review of my own writing and code.
• I have checked my entry and corrected any misspellings.
• I have made corresponding changes to the documentation if needed.
• I have confirmed my changes are not being pushed from my forked main branch.
• I have confirmed that I'm pushing from a new branch named after the changes I'm making.
• I have linked any issues that are relevant to this PR in the Issues Solved section.

[CLAassistant]

All committers have signed the CLA.

[mamtawardhani]

Hey @phillip-alter, thank you for contributing to Codecademy Docs, the entry is nicely written! 😄

I've suggested a few changes, could you please review and modify those at your earliest convenience? Thank you! 😃

[mamtawardhani]

Suggested change

	Title: 'scrollBy()'
	Description: 'Scrolls the window's content by a specified number of pixels, relative to the current scroll position.'
	Subjects:
	- 'Web Development'
	- 'Computer Science'
	Tags:
	- 'Functions'
	- 'Parameters'
	- 'Arguments'
	CatalogContent:
	- 'introduction-to-javascript'
	- 'paths/front-end-engineer-career-path'
	Title: 'scrollBy()'
	Description: 'Scrolls the window content by a specified number of pixels, relative to the current scroll position'
	Subjects:
	- 'Computer Science'
	- 'Web Development'
	Tags:
	- 'Arguments'
	- 'Functions'
	- 'Parameters'
	CatalogContent:
	- 'introduction-to-javascript'
	- 'paths/front-end-engineer-career-path'

[mamtawardhani]

tags and subjects should be in alphabetical order.
Avoid apostrophe in description

[mamtawardhani]

Suggested change

The **`scrollBy()`** method is a function provided by the browser's window object. The method will scroll the user's window down, right, left, or up, depending on the parameters input into the method. The scrolling occurs relative to the current scroll position, meaning that if the user has already scrolled 100 pixels down a page, using `scrollBy()` to scroll a further 100 pixels down will cause the user to be 200 pixels down the page.

The **`scrollBy()`** method is a function provided by the browser's [window](https://www.codecademy.com/resources/docs/javascript/window) object. It scrolls the window content up, down, left, or right based on the specified parameters. The scrolling occurs relative to the current scroll position, meaning if the user has already scrolled 100 pixels down and `scrollBy(0, 100)` is called, the new scroll position will be 200 pixels down the page.

[mamtawardhani]

added link for window object, reframed a bit

[mamtawardhani]

these need to be added below the syntax as:

• x-coordinate:
• y-coordinate:

Putting them in bullets would make the doc more readable

[mamtawardhani]

here, you can also add the alternative syntax as:

Alternatively, there is another syntax as follows:

scrollBy(options)

• options:

[mamtawardhani]

Suggested change

	The following example uses the `scrollBy()` function to scroll a window down when a button is pressed.
	The following example uses the `scrollBy()` function to scroll the window down by _200_ pixels when a button is clicked:

[mamtawardhani]

Suggested change

	// Creating a reference to a scroll button on an external HTML document.
	const scrollButton = document.getElementById("scrollButton");
	// When the button is pressed, the window scrolls down by 200 pixels.
	scrollButton.addEventListener("click", function() {
	window.scrollBy(0,200);
	});
	// Get a reference to the button element.
	const scrollButton = document.getElementById("scrollButton");
	// Scroll down by 200 pixels when the button is clicked.
	scrollButton.addEventListener("click", function() {
	window.scrollBy(0, 200);
	});

[mamtawardhani]

reframed comments

[mamtawardhani]

Suggested change

	The following example uses the `scrollBy()` function to scroll a window to the left and up 100 pixels each. This syntax demonstrates using `scrollBy()` with negative numbers.
	The following example scrolls the window _100_ pixels to the left and _100_ pixels up using negative values:

[mamtawardhani]

Suggested change

	// Creating a reference to a scroll button on an external HTML document.
	const scrollButton2 = document.getElementById("scrollButton2");
	// When the button is pressed, the window scrolls left by 100 pixels and up by 100 pixels.
	scrollButton2.addEventListener("click", function() {
	window.scrollBy(-100,-100);
	// Get a reference to the second button element.
	const scrollButton2 = document.getElementById("scrollButton2");
	// Scroll left by 100 pixels and up by 100 pixels when the button is clicked.
	scrollButton2.addEventListener("click", function() {
	window.scrollBy(-100, -100);
	});

[mamtawardhani]

reframed comments and fixed code indentation (it should be 2 spaces only)

[phillip-alter]

I made the requested changes to the document. Please re-review and let me know if any further changes are required. Thank you!