Настройте прокрутку с помощью кнопок

Question

Настройте прокрутку с помощью кнопок

0

Я пытаюсь добиться следующего вида коробки, которая может перемещаться вверх и вниз:

а не полосу прокрутки сбоку. Возможно ли, что, когда они нажимают на стрелку вверх или наведите указатель мыши на нее, она прокручивается вверх и то же самое для стрелки вниз? а также, если они используют кнопку прокрутки?

user3241507 13 апр. 2014, в 11:44

Источник

Теги:

javascript

jquery

html

css

html5

2 ответа

0

Этот вопрос предоставляет решение jQuery для прокрутки элемента <div> при щелчке. Он кажется гибким, поэтому вы можете настроить шаг прокрутки для каждого клика.

Как сделать прокручиваемую прокрутку div при щелчке и наведении курсора мыши с помощью jQuery

Reflic 13 апр. 2014, в 07:55

Ещё вопросы

Devima · Accepted Answer · 2014-04-13T10-36-00.000Z

Это просто простой пример, я надеюсь, что это может вам помочь. скрипка

Единственный код jQuery, который вам нужен:

<script src="/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#prev').click(function(){
        $('li:last').detach().prependTo('ul').css({'margin-top':'-=100px'})
        $('li:first').stop().animate({'margin-top':'0px'},1000)
    })

    $('#next').click(function(){
        $('li:first').stop().animate({'margin-top':'-=100px'},1000,function(){
            $(this).detach().css({'margin-top':'0px'}).appendTo('ul')
            })
    })
})
</script>

Если вы хотите создать чистые стрелки css, посетите этот сайт: link

И ваш результат будет скрипкой

Иногда простота - лучшая вещь.