Ubuntu
/**
* *********************
* * Massive One Page Scroll Options
* *********************
* It is added as a part of Massive Dynamic since V3.8 and designed for section scrolling. Enjoy Editing ;)
*
*
* @author PixFlow
*
* @version 1.0.0
* @requires jQuery
*
*/
// Start with defining global variable
var $row_element = $('.vc_row:not(.vc_inner)'),
row_count = $row_element.length,
current_row_index = 0,
last_row_index = 0,
do_scroll = true,
footer_show = false,
window_height = $(window).height(),
brightness;
/**
* Init one page scroll
*
* @return boolean
* @since 3.8
*/
function pixflow_init_one_page_scroll() {
"use strict";
if(isMobile() && $('body').hasClass('disable_section_scroll_mobile') ){
$('body').removeClass('one_page_scroll');
return false;
}
if ($('body').hasClass('compose-mode') && $("body").hasClass('one_page_scroll')) {
pixflow_one_page_for_customizer();
return false;
}
if ($("body").hasClass('one_page_scroll')) {
var footer_height = $('footer').height();
$('footer').css('bottom', '-' + parseInt(footer_height) + 'px');
pixflow_prepare_pages(row_count);
if (pixflow_isTouchDevice()) {
pixflow_set_event_touch_on_document();
}
pixflow_set_event_on_window(row_count);
pixflow_check_url();
pixflow_bind_event_on_link();
}
return false;
}
/**
* Set touch event for scrolling the page on touch devices
*
* @return boolean
* @since 3.8
*/
function pixflow_set_event_touch_on_document() {
var last_touch_pos = 0;
// Detect the position of touching
$(document).bind('touchstart', function (e) {
last_touch_pos = e.originalEvent.touches[0].clientY;
});
$(document).bind('touchend', function (e) {
if (do_scroll == false)
return true;
var current_touch_pos = e.originalEvent.changedTouches[0].clientY;
if (last_touch_pos > current_touch_pos + 5) {
if ($('.row-active').find(' > .wrap').hasClass('mobile-row-over-height')) {
pixflow_row_scroll(row_count, 'down');
} else {
pixflow_scroll_page('down', row_count);
}
} else {
if ($('.row-active').find(' > .wrap').hasClass('mobile-row-over-height')) {
pixflow_row_scroll(row_count, 'up');
} else {
pixflow_scroll_page('up', row_count);
}
}
});
return true;
}
/**
* Set scroll event for scrolling page
*
* @param int row_num it shows the number if rows in page ( not inner row )
*
* @return boolean
* @since 3.8
*/
function pixflow_set_event_on_window(row_count) {
$(window).off('wheel').on('wheel', function (event) {
if (event.originalEvent.deltaY > 0) {
pixflow_scroll_page('down', row_count);
$(window).off();
} else {
pixflow_scroll_page('up', row_count);
$(window).off();
}
});
return false;
}
/**
* Scroll the row if the content of row is bigger that document height
*
* @param direction that up or down
* @param int row_num it shows the number if rows in page ( not inner row )
*
* @return boolean
* @since 3.8
*/
function pixflow_row_scroll( row_count, direction ) {
if ( pixflow_isMobile() ) {
if ( current_row_index === ( $( '.vc_row' ).last().index() + 1 )
&& true === footer_show
&& 'up' == direction ) {
pixflow_scroll_page( 'up', row_count );
return false;
}
pixflow_row_scroll_mobile( direction );
} else {
pixflow_row_scroll_desktop( row_count, direction);
}
}
/**
* Scroll the row if the content of row is bigger that document height in desktop using browser scroll
*
* @param direction that up or down
*
* @return boolean
* @since 3.8
*/
var should_scroll_up = false,
should_scroll_down = false;
function pixflow_row_scroll_mobile(direction) {
var $active_row = $('.row-active').find(' > .wrap');
if ($active_row.scrollTop() + $active_row.innerHeight() >= $active_row[0].scrollHeight && direction == 'down') {
if (should_scroll_down == true) {
pixflow_scroll_page('down', row_count);
should_scroll_down = false;
} else {
should_scroll_down = true;
}
}
if ($active_row.scrollTop() == 0 && direction == 'up') {
if (should_scroll_up == true) {
pixflow_scroll_page('up', row_count);
should_scroll_up = false;
} else {
should_scroll_up = true;
}
}
return false;
}
/**
* Scroll the row if the content of row is bigger that document height in desktop using nicescroll
*
* @param direction that up or down
* @param int row_num it shows the number if rows in page ( not inner row )
*
* @return boolean
* @since 3.8
*/
function pixflow_row_scroll_desktop(row_count, direction) {
var $nice_scroll = $('.row-active').find('.nicescroll-cursors').last();
if ((($nice_scroll.offset().top + $nice_scroll.height()) + 4 ) >= $nice_scroll.parent().height() && direction == 'down') {
pixflow_scroll_page('down', row_count);
return true;
}
if (parseInt($nice_scroll.css('top')) == 0 && direction == 'up') {
pixflow_scroll_page('up', row_count);
return true;
}
}
/**
* check the page and if the url have row sections scroll into it
*
* @return boolean
* @since 4.4
*/
var first_time_check = false;
function pixflow_check_url(goal_row) {
var row_src, row_index;
row_src = ( null != goal_row ) ? goal_row : window.location.hash;
row_src = row_src.replace('#', '');
row_index = parseInt($('#' + row_src).closest('.vc_row:not(.vc-inner)').attr('data-index'));
if ($(window).width() <= 1280 && pixflow_isTouchDevice()) {
if (first_time_check == true) {
if ($('.navigation-mobile').css('display') != 'none') {
$('.navigation-button').click();
}
}
first_time_check = true;
}
setTimeout(function () {
$('#pix-nav').find('li').eq(row_index).find('span').click();
}, 700);
}
/**
* Bind events on button and links to scroll in the section
*
* @return boolean
* @since 4.4
*/
function pixflow_bind_event_on_link() {
$('a:not(.navigation-button)').on('click', function (e) {
var url = $(this).attr('href');
if (url.search('#') != -1) {
var get_url = window.location.origin;
var url_part = url.split('/');
var protocol = url_part[0];
var host = url_part[2];
var base_target_url = protocol + '//' + host;
if (
get_url == base_target_url
|| protocol == url
) {
e.preventDefault();
var get_hash_part = url.substring(url.indexOf('#') + 1);
pixflow_check_url(get_hash_part);
}
}
});
}
/**
* Set min height for rows in customizer
*
* @return boolean
* @since 3.8
*/
function pixflow_one_page_for_customizer() {
$row_obj = $('.vc_row:not(.vc_inner)');
var window_screen = parseInt($(window).height());
$row_obj.each(function () {
$(this).css({
minHeight: window_screen + 'px'
});
});
}
/**
* make page ready for section scrolling like Creating bullet and set height for rows
*
* @param int row_num it shows the number if rows in page ( not inner row )
* @return boolean
* @since 3.8
*/
function pixflow_prepare_pages(row_count) {
pixflow_set_height_for_rows();
pixflow_create_bullet(row_count);
$(window).load(function () {
pixflow_set_color(0);
});
return false;
}
/**
* Set the height of each rows equal screen height
*
* @return boolean
* @since 3.8
*/
function pixflow_set_height_for_rows() {
pixflow_set_style_for_onepage();
var screen_height = $(window).height(),
$vc_row = $('.vc_row:not(.vc_inner)'),
count = 0;
$('.layout').css('min-height', screen_height);
$vc_row.each(function () {
pixflow_detect_color(count);
$(this).attr('data-index', count);
$(this).addClass('full-page').css({
'height': screen_height + 'px',
'top': screen_height + 'px',
zIndex: 8
});
pixflow_check_for_nicescoll(count);
count++;
});
$vc_row.first().addClass('row-active').css({
'top': '0px',
zIndex: 10
});
return true;
}
/**
* Set the important styles for one page
*
* @return boolean
* @since 3.8
*/
function pixflow_set_style_for_onepage() {
var ua = navigator.userAgent;
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i.test(ua)) {
$('body , html').css({overflow: 'hidden', height: '100%', position: 'static'});
} else {
$('body').css({overflow: 'hidden', height: '100%'});
}
var style = document.createElement('style');
style.type = 'text/css';
if (style.styleSheet) {
style.styleSheet.cssText = '::-webkit-scrollbar {display: none;} html { overflow: -moz-scrollbars-none; } body{overflow: hidden;} .gather-overlay{position:fixed !important}';
} else {
style.appendChild(document.createTextNode('::-webkit-scrollbar {display: none;} html { overflow: -moz-scrollbars-none; } .gather-overlay{position:fixed !important}'));
}
document.getElementsByTagName('head')[0].appendChild(style);
var header_top = parseInt($('header:not(.header-clone)').css('top'));
if ($('body').hasClass('admin-bar')) {
header_top += 32;
}
$('body.one_page_scroll:not(.compose-mode) header:not(.header-clone)').css({top: header_top});
return false;
}
/**
* Check the content of row and add class if row is bigger than window
*
* @param int index that show the index of row
*
* @return boolean
* @since 3.8
*/
function pixflow_set_over_height_for_mobile(index) {
var $element = $('.vc_row:not(.vc_inner)').eq(index);
if ($element.hasClass('row-over-height'))
return;
$element.find('>.wrap').addClass('mobile-row-over-height');
}
/**
* Check the content of row and add nicescroll if row is bigger than window
*
* @param int index that show the index of row
*
* @return boolean
* @since 3.8
*/
function pixflow_check_for_nicescoll(index) {
if (pixflow_isMobile()) {
pixflow_set_over_height_for_mobile(index);
pixflow_mobile_row_over_height();
return false;
}
var $element = $('.vc_row:not(.vc_inner)').eq(index);
if ($element.hasClass('row-over-height'))
return;
if ($element.find('>.wrap').height() > $(window).height()) {
$element.addClass('row-over-height').find('>.wrap').niceScroll({
horizrailenabled: false,
cursorcolor: "rgba(204, 204, 204, 0.2)",
cursorborder: "1px solid rgba(204, 204, 204, 0.2)",
cursorwidth: "2px",
touchbehavior: true,
preventmultitouchscrolling: false,
enablescrollonselection: false
});
}
return false;
}
/**
* Create bullet for each row
*
* @param int row_num it shows the number if rows in page ( not inner row )
*
* @return boolean
* @since 3.8
*/
function pixflow_create_bullet(row_count) {
var bullet_source = '';
bullet_source += '