0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 207 Просмотров
*

ppb25

  • Захожу иногда
  • 50
  • 0 / 0
Добрый день. Подскажите, добрые люди, как скрыть отображение кнопки на мобильном устройстве (в десктопной должны быть видна) плагина "Skyline Scroll To Top". Я так понимаю как-то через медиа запросы, т.е.
Код
@media (max-width: 979px) {
  #absolute {
    display: none;
  }
Или как-то еще, подскажите, пожалуйста.

Вот сам файл скрола .php, его код

Код
<?php
/**
 * [member=126442]copyright[/member] Copyright (c) 2013 Skyline Software (http://extstore.com). All rights reserved.
 * @license GNU General Public License version 2 or later; see LICENSE.txt
 */

// no direct access
defined('_JEXEC') or die();

jimport('joomla.plugin.plugin');

/**
 * System - Scroll To Top Plugin
 *
 * @package Joomla.Plugin
 * @subpakage Skyline.ScrollToTop
 */
class plgSystemSL_ScrollToTop extends JPlugin {

/**
* Constructor.
*
* @param $subject
* @param array $config
*/
function __construct(&$subject, $config = array()) {
// call parent constructor
parent::__construct($subject, $config);
}

/**
* onAfterRoute Hook.
*/
function onAfterRoute() {
// initialize variables
$app = JFactory::getApplication();
$admin_enable = $this->params->get('admin_enable');

if (!$admin_enable && $app->isAdmin()) {
return;
}

$style = $this->params->get('style');
$text = htmlspecialchars($this->params->get('text'));
$title = htmlspecialchars($this->params->get('title'));
$duration = (int) $this->params->get('duration', 500);
$transition = $this->params->get('transition', 'Fx.Transitions.linear');
$custom_css = $this->params->get('custom_css');
$engine = $this->params->get('engine', 'mootools');
$image = $this->params->get('image', '');
$position = $this->params->get('position', 'bottom_right');
$border_radius = $this->params->get('border_radius', '3');
$offset_x = $this->params->get('offset_x', '20');
$offset_y = $this->params->get('offset_y', '20');
$padding_x = $this->params->get('padding_x', '12');
$padding_y = $this->params->get('padding_y', '12');
$background_color = $this->params->get('background_color', '#121212');
$color = $this->params->get('color', '#fff');
$hover_background_color = $this->params->get('hover_background_color', '#08C');
$hover_color = $this->params->get('hover_color', '#fff');

if ($image) {
$image = JHtml::_('image', $image, '', null, false, true);
}

//
$position_css = '';

switch ($position) {
case 'top_left':
$position_css = "left: {$offset_x}px; top: {$offset_y}px;";
break;
case 'top_right':
$position_css = "right: {$offset_x}px; top: {$offset_y}px;";
break;
case 'bottom_left':
$position_css = "left: {$offset_x}px; bottom: {$offset_y}px;";
break;
case 'bottom_right':
$position_css = "right: {$offset_x}px; bottom: {$offset_y}px;";
break;
}

$document = JFactory::getDocument();

$class = 'scrollToTop';

// Build Custom CSS
$css = <<<CSS
#scrollToTop {
cursor: pointer;
font-size: 0.9em;
position: fixed;
text-align: center;
z-index: 9999;
-webkit-transition: background-color 0.2s ease-in-out;
-moz-transition: background-color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out;
-o-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;

background: $background_color;
color: $color;
border-radius: {$border_radius}px;
padding-left: {$padding_x}px;
padding-right: {$padding_x}px;
padding-top: {$padding_y}px;
padding-bottom: {$padding_y}px;
$position_css
}

#scrollToTop @media (max-width: 767px) {
display: none;
}

#scrollToTop:hover {
background: $hover_background_color;
color: $hover_color;
}

#scrollToTop > img {
display: block;
margin: 0 auto;
}
CSS;

$document->addStyleDeclaration($css);

if ($custom_css) {
$document->addStyleDeclaration($custom_css);
}

if ($engine != 'jquery') {
JHtml::_('behavior.framework', true);
JHtml::_('script', 'plg_system_sl_scrolltotop/scrolltotop_mt.js', false, true, false, false, true);

$js = <<<SCRIPTHERE
document.addEvent('domready', function() {
new Skyline_ScrollToTop({
'image': '$image',
'text': '$text',
'title': '$title',
'className': '$class',
'duration': $duration,
'transition': $transition
});
});
SCRIPTHERE;
} else {
JHtml::_('jquery.framework');
JHtml::_('script', 'plg_system_sl_scrolltotop/scrolltotop_jq.js', false, true, false, false, true);

$js = <<<SCRIPTHERE
jQuery(document).ready(function() {
jQuery(document.body).SLScrollToTop({
'image': '$image',
'text': '$text',
'title': '$title',
'className': '$class',
'duration': $duration
});
});
SCRIPTHERE;
}

$document->addScriptDeclaration($js);
}
}
« Последнее редактирование: 02.04.2018, 14:20:45 от ppb25 »
*

Roinmana

  • Захожу иногда
  • 108
  • 2 / 0
Приветствую! В вашем коде в разделе CSS строка скрывающая кнопку на мобильных гаджетах:
Код
#scrollToTop @media (max-width: 767px) {
display: none;
}
Проверьте работает ли это свойство и ширину нужную подберите.
« Последнее редактирование: 02.04.2018, 14:28:28 от Roinmana »
*

ppb25

  • Захожу иногда
  • 50
  • 0 / 0
Приветствую! В вашем коде в разделе CSS строка скрывающая кнопку на мобильных гаджетах:
Код
#scrollToTop @media (max-width: 767px) {
display: none;
}
Проверьте работает ли это свойство и ширину нужную подберите.
Да, это я прописал, НО, к сожалению, этот вариант не сработал(((
*

wishlight

  • Живу я здесь
  • 4375
  • 259 / 1
  • 300 руб очень быстрый хостинг в ЕС
Код
@media screen and (max-width: 767px){#scrollToTop {display: none !important;}}

Так тоже не работает?
UPD
Меня чуть-чуть обогнали,но с некоторых пор не могу удалить свой пост.
*

ppb25

  • Захожу иногда
  • 50
  • 0 / 0
Ребят, вы красавцы. Все работает. Спасибо большое
« Последнее редактирование: 02.04.2018, 20:11:57 от ppb25 »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Скрыть пункты меню в админке

Автор maxpa

Ответов: 2
Просмотров: 80
Последний ответ 13.03.2019, 19:44:14
от maxpa
Скрыть авторизацию

Автор phvsfpgs

Ответов: 1
Просмотров: 63
Последний ответ 10.03.2019, 15:13:42
от AlekVolsk
Не выдвигается меню в при просмотре на мобильном

Автор vasiok4

Ответов: 4
Просмотров: 108
Последний ответ 02.02.2019, 11:30:57
от vasiok4
Как скрыть доп. поля в материалы-блог категории?

Автор Adam

Ответов: 2
Просмотров: 403
Последний ответ 06.07.2018, 11:49:10
от effrit
Скрыть форму обратной связи

Автор stendapuss

Ответов: 2
Просмотров: 227
Последний ответ 28.04.2018, 15:31:20
от stendapuss