2015-02-01 4 views
0

У меня проблема на странице, с которой я работаю, я пытаюсь установить постоянную ссылку с идентификатором, чтобы, если страница полностью загружена, она отобразит страницу и будет сосредоточена на элементе с идентификатором как его верх страницы. Но сценарий здесь, после того, как основное внимание будет обращено на идентификатор, в конечном итоге вид переместится в начало страницы.Идентификатор таргетинга элемента не работает.

просмотра страницы следует перейти к разделу, который говорит, «средства для ухода с дома отдыха и ухода на уровне больницы»

http://metlifecare.staging.wpengine.com/living-at-metlifecare/assisted-living#care-facility

Что может быстро исправить. Не знаком с этой проблемой. Любая помощь будет принята с благодарностью.

+1

Я не вижу атрибута имени для тега?

ответ

1

Как Evan Knowles сказал, что вам нужно добавить имена к своим якорям, чтобы браузер мог просматривать их.

Заменить

<a id="trigger-sa" href="http://metlifecare.staging.wpengine.com/living-at- metlifecare/metlifecare.staging.wpengine.com/living-at-metlifecare/assisted-living#care-facility"></a>

с

<a id="trigger-sa" name="care-facility" href="http://metlifecare.staging.wpengine.com/living-at-metlifecare/metlifecare.staging.wpengine.com/living-at-metlifecare/assisted-living#care-facility"></a>

Я понимаю, что вы имеете в виду, как 'прыжок к вершине'. Похоже, что этот кусок кода сделать весь блок страницы, а затем переходит к началу

<script type="text/javascript"> 
    html2canvas(document.body, { 
     onrendered: function(canvas) { 
      document.body.appendChild(canvas); 
     } 
    }); 
</script>  

Снятие, что код остановить прыжок и делает # уход-объекта правильно работать.

Я никогда не работал с html2canvas, поэтому я не могу комментировать, что он делает.

+0

Ваш ответ спас весь день. Я занимаюсь поиском неисправностей в течение нескольких часов. Вы дали мне подсказку с этим html2canvas. Мы использовали html2canvas для точной копии текущей страницы в качестве печатного носителя. Вы можете попробовать его, нажав «Печать этой страницы», с изображением печати внизу содержимого. Что я сделал для решения проблемы, было обернуть функцию html2canvas(): $ ('. Printpage'). Click (function() {}); Whew! Большое спасибо! Любопытно, как вы знали, что html2canvas блокирует всю страницу? – Jed

+1

Я сохранил вашу страницу локально и обнаружил, что мой браузер заблокирован (загрузка spinner остановилась) на секунду, а затем прыгнул в начало страницы. Это заставило меня заглянуть в JS, который выполнялся и обнаружил, что html2canvas блокирует. После того, как я прокомментировал эту пьесу, блокировка исчезла, и страница тоже скачалась. –

+0

Отмечено. Еще раз спасибо Доновану. – Jed