Прокрутите до верхнего плавного перехода, не работающего

Цель:

Модульное программирование - это технология разработки программного обеспечения, которая подчеркивает разделение функциональности программы на независимые взаимозаменяемые модули, так что каждая из них содержит все необходимое для выполнения только одного аспекта желаемая функциональность.

Wikipedia

Я полагаю, что становится сложно писать большие программы без модульного / многоразового кода. В nodejs мы можем создавать модульные программы, используя module.exports, определяя, что мы открываем и составляем нашу программу с помощью require.

Попробуйте этот пример:

fileLog .js

function log(string) {
  require('fs').appendFileSync('log.txt',string);
}

module.exports = log;

stdoutLog.js

function log(string) {
  console.log(string);
}

module.exports = log;

program.js

const log = require('./stdoutLog.js')

log('hello world!');

выполнить

$ node program.js

hello world!

Теперь попробуйте выполнить обмен файлами ./stdoutLog.js для ./fileLog.js.

0
задан Ace Long 13 July 2018 в 12:52
поделиться

2 ответа

Ваш код работает правильно, добавьте JQuery CDN

$(window).scroll(function() {
  if ($(this).scrollTop() > 100) {
    $('.scrolltotop').fadeIn();
  } else {
    $('.scrolltotop').fadeOut();
  }
});

$('.scrolltotop').on('click', function(e) {
  e.preventDefault();
  $('html, body').animate({scrollTop : 0}, 800);
});
.scrolltotop {

background: #000;
position: fixed;
bottom: 0;
right: 0;
color: #fefefe;
transition: all 300ms ease;

}
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>

<a class="scrolltotop" href="#">
<button>Scroll To Top</button>
</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed iaculis pellentesque gravida. Donec laoreet semper augue, vel tincidunt augue volutpat tincidunt. Sed porttitor tellus nibh, ac tempus est malesuada quis. Mauris eu magna nec tortor rhoncus porta. Nullam euismod ante ac elit varius, ac lacinia turpis accumsan. Vestibulum nec nisi id nulla pretium lacinia at ut dui. Nam convallis semper tincidunt. Duis rutrum tempus est id rhoncus. Proin molestie mi pretium enim volutpat consequat vitae dapibus quam. Vestibulum vehicula egestas elementum. Morbi scelerisque ligula a ullamcorper cursus. Quisque ac porta ligula, nec egestas ipsum. Nulla malesuada mi nec nibh blandit varius. Aliquam consequat non dui vitae suscipit. Donec accumsan, ante non scelerisque molestie, ex ligula faucibus nibh, vel blandit neque magna eget massa.

In lorem augue, varius eget eleifend vitae, ornare a augue. Praesent semper consequat ligula, vitae maximus elit mattis non. Praesent consequat metus risus, in aliquet velit convallis a. Donec ac velit nec sapien efficitur tincidunt ut sit amet justo. Vivamus sed purus rutrum, congue nisl id, elementum nunc. Aliquam viverra, dolor ac posuere varius, neque ex dictum nulla, eget venenatis libero arcu in odio. Sed eget erat mauris. Aliquam condimentum ex gravida interdum sodales. Nunc id arcu at lectus efficitur ullamcorper efficitur et felis. Nunc sit amet purus eu sapien auctor pulvinar. Nullam nec luctus turpis. Donec a lorem vulputate, porttitor est ac, blandit augue. Fusce ut tellus ut ipsum elementum dapibus.

Aenean pretium sagittis massa, et consectetur enim imperdiet vel. Quisque fermentum dictum lectus, at ornare justo consectetur et. Curabitur rutrum elit non mauris tempor, sed laoreet ipsum sollicitudin. Nulla odio nibh, laoreet in maximus vitae, egestas non felis. Nulla vitae lacus sollicitudin, ornare nisl at, dapibus mi. Curabitur sollicitudin vehicula elit vel eleifend. Aliquam in lacinia tellus, at vestibulum mi. Duis tellus dolor, rhoncus vitae ex eget, pharetra mattis turpis. Suspendisse laoreet purus quis orci malesuada hendrerit a eget ipsum. Aenean vestibulum, lacus accumsan faucibus elementum, mauris nunc rhoncus ante, cursus gravida mauris felis at nisl. Phasellus dapibus ac est vel molestie. Sed urna erat, gravida ac orci id, euismod pulvinar turpis. In tincidunt lacus libero, iaculis imperdiet lacus aliquam sit amet. Aliquam condimentum ligula elit, a porta massa sagittis nec. Nulla tincidunt, nisi sed consequat aliquet, purus velit placerat enim, quis iaculis magna felis nec tortor.

Nulla fringilla egestas massa, sit amet lacinia lacus dictum porttitor. Ut in ullamcorper orci, sed efficitur leo. Etiam et arcu sollicitudin, vulputate nulla ac, faucibus urna. Vestibulum non congue tellus. Suspendisse porttitor, nisl vel posuere auctor, leo orci lobortis neque, vel porttitor neque dolor et quam. Donec diam felis, congue non magna consequat, ultrices finibus nunc. Nunc pellentesque neque id magna mollis, non gravida orci aliquam. In elementum purus congue, iaculis lorem non, vehicula velit. Cras diam lorem, aliquet in tempor ut, gravida eu erat. Phasellus dolor est, blandit vel ornare ac, tincidunt nec felis. Morbi nec nulla aliquet, ultricies tortor sit amet, finibus neque. Suspendisse potenti. Nullam sed dictum arcu. Quisque dapibus rhoncus felis, quis hendrerit turpis fermentum at.

Ut vehicula leo dui, sed bibendum metus venenatis eget. Pellentesque sodales leo eget magna volutpat mollis. Curabitur congue dui vel purus imperdiet ornare. Aliquam turpis massa, varius a imperdiet sed, finibus ac enim. Sed tincidunt a lectus in hendrerit. Sed accumsan, sem sit amet mattis dapibus, leo lectus mattis erat, nec ultrices tellus ligula a magna. Integer elementum mattis pretium. Sed ex mi, porta sit amet efficitur ut, consectetur in mi. Nullam interdum efficitur vehicula. Integer maximus eget odio id accumsan.

Ut vehicula leo dui, sed bibendum metus venenatis eget. Pellentesque sodales leo eget magna volutpat mollis. Curabitur congue dui vel purus imperdiet ornare. Aliquam turpis massa, varius a imperdiet sed, finibus ac enim. Sed tincidunt a lectus in hendrerit. Sed accumsan, sem sit amet mattis dapibus, leo lectus mattis erat, nec ultrices tellus ligula a magna. Integer elementum mattis pretium. Sed ex mi, porta sit amet efficitur ut, consectetur in mi. Nullam interdum efficitur vehicula. Integer maximus eget odio id accumsan.</p>

0
ответ дан Anil Suwal Qode 17 August 2018 в 12:55
поделиться
  • 1
    Я вызываю последнюю версию jquery в файле functions.php в wordpress, но почему-то Wordpress извлекает 1.4.1 – Ace Long 13 July 2018 в 13:13
  • 2
    Кроме того, почему мой другой гладкий прокрутка работает тогда, на моем веб-сайте. Когда вы нажимаете стрелку на баннере, она плавно прокручивается до моего контейнера div. acetronaut.com @anilsuwalqode – Ace Long 13 July 2018 в 13:15
  • 3
    вы использовали smoothscroll.js для стрелки в баннере. вы можете использовать то же самое для верхней кнопки прокрутки. – Anil Suwal Qode 13 July 2018 в 13:28

В вашем консольном журнале есть ошибка «TypeError: $ is not a function». Пожалуйста, напишите свой код: - jQuery(document).ready(function($){}. Это может решить вашу проблему.

0
ответ дан George 17 August 2018 в 12:55
поделиться
  • 1
    // Спасибо, я исправил локально. Он не разрешил мою проблему, но не ошибся. – Ace Long 13 July 2018 в 12:41