2016-09-15 3 views
0

У меня есть полноэкранный фиксированный div, с содержимым от ajax-запроса. Div прокручивается, потому что имеет много контента. И теперь, внизу, мне нужна кнопка для прокрутки вверху div. Я пробую прокрутить с <a href="#divId"></a>, но, похоже, не работает, симулирует ScrollTop() до div тоже не работает.Исправлено div с верхней кнопкой прокрутки

+1

Я интересно, где ваш код (HTML/JS)? Кроме того, я считаю, что на это был дан ответ до: http://stackoverflow.com/questions/5846595/how-to-scroll-an-item-inside-a-scrollable-div-to-the-top – hungerstar

+0

Ну, 'ScrollTop()' будет работать только с нижним регистром 's'. Кроме того, вы не хотите 'scrollTop()' * to * 'div', вы хотите установить' scrollTop() '* of * div (to 0). См. Мой ответ с рабочим примером. – Santi

+0

@Santi да, тот работает безупречный! – Michaell94

ответ

5

Заменить longDiv с сНом ид.

<div id="longDiv">Bla bla bla</div> 
<button>Scroll to top</button> 

<script> 
    $(document).ready(function() { 
     $('button').click(function() { 
      $('#longDiv').scrollTop(0); 
     }); 
    }); 
</script> 

Рабочая JSFiddle:https://jsfiddle.net/8hasscb6/

Если вы предпочитаете его анимировать, вы можете использовать .animate():

<script> 
    $(document).ready(function() { 
     $('button').click(function() { 
      $('#longDiv').animate({ scrollTop: "0px" }); 
     }); 
    }); 
</script> 

JSFiddle:https://jsfiddle.net/8hasscb6/1/

-2

Попробуйте

<a onclick="scroll(0,0)"> 

Это должно пойти наверх

+0

@hungerstar Да и div фиксирован, чтобы он мог изменять входные значения. –

+0

@hungerstar Поместите код в .html-файл и запустите его в браузере. Я работаю, я тестировал его, я думаю, что jsfiddle принимает код js, который написан только в его поле –

+0

@hungerstar Нет проблем, он также может использовать jquery для анимации, потому что у него уже есть –

Смежные вопросы