Дима Паутов

Оригинальный input type=number так, стилизовать нельзя. Есть всякие, на мой взгляд костыли, но они не дадут видимого вам результата.

Такие компоненты интерфейса писать нужно самому. Примерно так. Дальше стилизуйте сами

https://nickersoft.github.io/push.js/

Напиши так:
$('html, body')

https://jsfiddle.net/xn6mqf6j/1/

А Java то вам зачем?))

Прикольный плагин, но уж с*ка больно большой для такой задачи и сложный в установке. Хотя и функционал вроде большой.

Вот слайдер. Подобных найти не составит труда. Сам пользовался, состоит тупо из множества картинок, с разным ракурсом. Ваш пример работает по тому же принципу! Если так не катит, то тут webgl в помощь. Готовых галерей на этой технологии я не встречал.

Увеличение фото по клику? Не вопрос, обычный fancybox вам в помощь.
Зум для картинок? Берем плагин для зума. Коих тоже полно

Иконки соц. сетей? Что сложного то? Выбираете нужные вам, немного, в случае чего изменяете и просто поверх слайдера положили.

Она изменяется все время. Просто каждый раз устанавливается значение 20px. Вы же не суммируете с уже имеющимся значением.

$(window).on('scroll', function() {
  var elemTop = parseInt($('div').css('top')) + 20;
  
  console.log(elemTop);
  
  $('div').css('top', elemTop + 'px');
});

А нужному элементу в css дайте значение top: 0, если оно не стоит с другим значением

Фиддл

На код гляди внимательней. Скрипт просто берёт и ссылке устанавливает href со значением csvData. После чего, браузер, не понимая формата, скачивает его. А с какого рожна кнопка имеет атрибут href?