# learnpress/4.3.9/assets/src/apps/js/frontend/single-curriculum/scrolltoitem.js

LearnPress – WordPress LMS Plugin for Create and Sell Online Courses, version 4.3.9. 48 lines.

- Page: https://pluginprobe.com/plugins/learnpress/4.3.9/code/assets/src/apps/js/frontend/single-curriculum/scrolltoitem.js
- Raw: https://pluginprobe.com/plugins/learnpress/4.3.9/raw/assets/src/apps/js/frontend/single-curriculum/scrolltoitem.js
- Modified: 2026-06-08T02:53:42+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/learnpress/4.3.9/code/assets/src/apps/js/frontend/single-curriculum/scrolltoitem.js#L10-L20`.

```javascript
import lpModalOverlay from '../../utils/lp-modal-overlay';

const $ = jQuery;

const scrollToItemCurrent = {
	init() {
		this.scrollToItemViewing = function() {
			const elItemViewing = $( '.viewing-course-item' );
			if ( elItemViewing.length ) {
				const elCourseCurriculumn = $( '#learn-press-course-curriculum' );
				const heightCourseItemContentHeader = $( '#popup-sidebar' ).outerHeight();
				const heightSectionTitle = $( '.section-title' ).outerHeight();
				const heightSectionHeader = $( '.section-header' ).outerHeight();
				const regex = new RegExp( '^viewing-course-item-([0-9].*)' );
				const classList = elItemViewing.attr( 'class' );
				const classArr = classList.split( /\s+/ );
				let idItem = 0;

				$.each( classArr, function( i, className ) {
					const compare = regex.exec( className );

					if ( compare ) {
						idItem = compare[ 1 ];
						return false;
					}
				} );

				if ( 0 === idItem ) {
					return;
				}

				const elItemCurrent = $( '.course-item-' + idItem );
				elItemCurrent.addClass( 'current' );
				const offSetTop = elItemCurrent.offset().top;
				const offset = elItemCurrent.offset().top - elCourseCurriculumn.offset().top +
					elCourseCurriculumn.scrollTop();

				elCourseCurriculumn.animate( {
					scrollTop: LP.Hook.applyFilters( 'scroll-item-current', offset - heightSectionHeader ),
				}, 800 );
			}
		};
		this.scrollToItemViewing();
	},
};

export default scrollToItemCurrent;

```
