Подскажите, какой параметр указать в скрипте и css , чтобы кнопка всегда выезжала снизу экрана. Сейчас значение берется из document.body.scrollHeight, но понимаю, что это не правильное решение.
https://jsfiddle.net/fck5pqas/9/
Решил я этот вопрос, все было просто, как оказалось. Спасибо за помощь. Понятно, что кнопку еще нужно дорабатывать, но с эти проблем быть не должно.
https://jsfiddle.net/fck5pqas/8/
Боюсь уровень моих знаний в этой ситуации не позволит мне добиться нужного результата без посторонней помощи, но попытаюсь, конечно, и спасибо за совет. Мне интересно почему после обновлении страницы при первом касании правила соблюдаются, а при повторном подсказка слетает?
Немного не так. Если обновить страницу и навести курсор, тогда не опережает, но если после остановки кнопки скролить вниз или вверх, кнопка начнет падать (подсказка не должна быть активна) и в момент ее движения активировать подсказку, то она появляется не на уровне кнопки, а в месте, где кнопка должна остановиться.
Добавил фон для наглядности.
https://jsfiddle.net/w6d5cjqv/6/
Да, теперь подсказка появляется плавно, осталось только проблема с подсказкой, опережающей кнопку, если на нее навести курсор.
https://jsfiddle.net/w6d5cjqv/5/
Спасибо, теперь при наведении курсора подсказка появляется за кнопкой. Но есть один момент. При движении кнопки вверх или вниз, при наведении в таком случае подсказка появляется не за кнопкой, а сразу внизу или вверху, там куда должна "приехать" кнопка. Я немного уменьшил скорость анимации скрипта, чтобы это было заметно. Что можно с этим сделать?
Согласен, коду далеко до идеала, но саму кнопку проверял в разных браузерах, кнопка и анимация везде смотрится корректно. Был бы признателен, если бы вы могли указать на неточности в коде, хотелось бы его доработать до нормального состояния.
Есть еще вопрос.
При обновлении страницы, при первом наведении курсора, подсказка появляется не плавно, без паузы, указанной в скрипте animate({'opacity':1},1000). Все последующие наведения скрипт отрабатывает корректно.
Еще раз спасибо за поддержку.---------- Добавлено 14.09.2017 в 15:36 ----------Обновленный код
https://jsfiddle.net/w6d5cjqv/4/
Добавил div, переместил <div class="callback_hover"><span>Подсказка</span></div>, так подсказка не участвует в анимации и находится ниже остальных элементов кнопки. Теперь нужно как-то привязать подсказку к кнопке, что можно со стилями сделать?---------- Добавлено 14.09.2017 в 08:48 ----------Пока такой результат
https://jsfiddle.net/w6d5cjqv/1/
Спасибо, но мне как начинающему будет нелегко это сделать, может подскажете, как это реализовать?
