Перейти к публикации

Рекомендованные сообщения

Скажите, а вот якоря, это плохо или нет? У меня ссылка на сайте сейчас выглядит http://www.nokia-mobile.su/#content

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

Ссылка на сообщение
Поделиться на других сайтах

Пропиши у себя так, если хочешь:

<body onload="window.scrollTo( 0, 5000 );">

0 - Ось X

5000 - Ось Y


Вот сделал тебе еще один пример:


<html>


<head>

<script>

function start () {

	var el = ( document.getElementById ) ? document.getElementById ( "start" ) : document.all.start;

	var start = parseInt ( el.offsetTop );

	window.scrollTo ( 0, start );

}

</script>

</head>


<body onload="start ();">

<div style="height: 2000px;"></div>

<div id="start">Тут контент</div>

<div style="height: 2000px;"></div>

</body>


</html>

Ссылка на сообщение
Поделиться на других сайтах

Спасибо, но это немного не то, я вот думаю, как бы сделать, чтоб у меня телефон грузился ровно по центру браузера и чтоб было без якорей?! Вообщее у меня структура сайта вот как на скриншоте:

64b985da0510.jpg

Как бы так можно было продумать, чтобы часть с крестиком грузилась именно по центру браузера по высоте? Кто сможет помочь, есть несколько долларов на это =)

ZEOS, то что показал ты, это контент загружается непосредственно в верхней части браузера. То есть слово контент в самой верхней части браузера..

Ссылка на сообщение
Поделиться на других сайтах

чтоб у меня телефон грузился ровно по центру браузера и чтоб было без якорей?!

То, что я написал именно это и делает. Разбирайся

Тем более я написал два варианта реализации

Ссылка на сообщение
Поделиться на других сайтах

Убрал якорь, сделал по первому твоему совету, все нормально, но есть небольшое но... С якорем страница грузится сразу с нужного места, а по твоему способу сперва вся страницаа грузится, а только после полного загружения странички оно поднимается на нужное место...

НУ так а кто нибудь поточней скажет? Якоря вообще страшны или пофиг на это всем поисковикам?

Ссылка на сообщение
Поделиться на других сайтах

Якоря вообще страшны или пофиг на это всем поисковикам?

Пофиг конечно. Якорь - это документированная возможность HTML.

Ссылка на сообщение
Поделиться на других сайтах
<head>

<style>

html, body {height:100%;margin:0;}

#mydiv {background:red;width:100px;height:100px;}

</style>

</head>

<body>


<div id="mydiv">контент</div>


</body>

</html>


<script>

if (window.attachEvent){

  window.attachEvent('onresize',center);

  window.attachEvent('onload',center);

}else if(window.addEventListener){

  window.addEventListener('resize',center, false);

  window.addEventListener('load',center, false);

}

function center(){

  var i = document.getElementById('mydiv');

  i.style.marginTop = parseInt(document.body.offsetHeight-i.offsetHeight)/2+'px';

  i.style.marginLeft = parseInt(document.body.offsetWidth-i.offsetWidth)/2+'px';

};

</script>

Изменено пользователем Captain
Ссылка на сообщение
Поделиться на других сайтах

<head>

<style>

html, body {height:100%;margin:0;}

#mydiv {background:red;width:100px;height:100px;}

</style>

</head>

<body>


<div id="mydiv">контент</div>


</body>

</html>


<script>

if (window.attachEvent){

  window.attachEvent('onresize',center);

  window.attachEvent('onload',center);

}else if(window.addEventListener){

  window.addEventListener('resize',center, false);

  window.addEventListener('load',center, false);

}

function center(){

  var i = document.getElementById('mydiv');

  i.style.marginTop = parseInt(document.body.offsetHeight-i.offsetHeight)/2+'px';

  i.style.marginLeft = parseInt(document.body.offsetWidth-i.offsetWidth)/2+'px';

};

</script>

ВОт сегодня попробую и этот способ! Спасибо за совет! Главное чтоб не прыгало все это дело в итоге...

Попробывал так сделать, так верхушку сайта срезало вообще куда то =)))

Ссылка на сообщение
Поделиться на других сайтах

Есть два варианта:

1) плавно опускать в нужное место после загрузки сайта;

2) на 1-2 секунды, пока грузится сайт, затемнять его и когда он уже весь загружен и прыгнуло в нужное место - отображать страницу.

:rolleyes:

Вот написал тебе пример: http://b.zeos.in/inokentik/index.html

Ссылка на сообщение
Поделиться на других сайтах

Согласись что не вариант, когда при переходе каждой страницы будет такая надпись) Блин ,вот хотелось бы что нить типа якоря, но чтоб не якорь но и грузилось сразу по центру)

Изменено пользователем inokentik
Ссылка на сообщение
Поделиться на других сайтах

Я не знаю, как такое сделать. Браузер не может грузить сначала центр кода HTML, а потом верхнюю и нижнюю часть.

Может быть можно как-то на дивах сделать, но пока не представляю :rolleyes:

Ссылка на сообщение
Поделиться на других сайтах

Ну как так не может, при якоре же он так и делает) То есть сразу грузит на нужном месте.. Но что то просто меня смущает якорь.. Точнее не меня, а многих вэбмастеров, типа видят и говорят: от якоря я вообще в осадок выпал и тд...

Ссылка на сообщение
Поделиться на других сайтах

Кстати, кто в курсе, как в случае без расширения html правильно использовать якорь?

Без слеша?

blablabla.ru/news/page/2#ankor
Или с ним?
blablabla.ru/news/page/2/#ankor

Оба варианта работают корректно, но... ( тут ваш текст =) )

Ссылка на сообщение
Поделиться на других сайтах

- Den -,

Если 2 это файл, то слэш тут не нужен

Ссылка на сообщение
Поделиться на других сайтах

В том то и дело, что 2 - это номер страницы, у файла же расширение должно быть, не?

Значит буду рисовать после слеша. Это я в DLE сделал, т.к. новости находятся низко на странице и при переходе на другую страницу удобно получилось - не нужно крутить скролл вниз.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...