Как скроллить влево страницу
Всем здравствуйте! У меня вот проблемка тут не большая, не получается что бы работал скролл влево-при загрузке страницы пробовал вот этот скрипт но работает только для Mozilla. Может быть есть еще какие функции левого скролла?
$(function () {
$(window).load(
function () {
$('html, body').scrollLeft( 300 );
}
);
});
|
Cdelphi78,
ваш скрипт рабочий для всех браузеров, разве что 1 и 7 строки лишние в данном случае, но они никак не мешают.jquery версия какая? |
Версия jquery 2.1.4, в хроме не работает.
|
А не вроде работает везде просто когда 100% масштаб то скролл и не нужен, а не работает когда больше ста процентов кроме мозиллы. вот тогда не рабоает, но здесь я думаю может быть повесить на события масшабирования страницы, есть такое, а мне бы еще выставить такое значение скролла чтобы всегда скроллил на середину страницы, попробовал 50% выставить но не то. или может формулой сделать в зависисоти от ширины браузера?
|
Продолжу в этой теме, нужно чтобы значение скролла подбиралось исходя из ширины окна браузера? И как это можно сделать?
|
Что то не работает, мне нужно что бы сам скролл независимо от ширины браузера всегда располагался по центру
|
Как вичислить длину самого скролла или расстояние от него в полосен прокрутки?
|
Cdelphi78,
https://learn.javascript.ru/metrics-window |
Да, я уже нашел эту статью но пока что то не понятно, да она еще и размытая какая то.
|
Cdelphi78,
максимально возможный горизонтальный скролл на jquery $(document).width()- $(window).width() |
И как это поможет?
|
горизонтальный скролл до центра страницы
Цитата:
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
body{
width: 1800px;
}
.first {
background: #FFCC00;
width: 200px;
height: 200px;
margin: 0 auto;
text-align: center;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(window).load(
function () {
var l = ($(document).width()- $(window).width())/2
$('html, body').scrollLeft( l );
}
);
</script>
</head>
<body>
<div class='first'>
блок в середине страницы
</div>
</body>
</html>
|
Все, заработало в mozilla, в хроме все же не работает.
|
Cdelphi78,
попробуйте поставить скрипт вниз страницы и почистите кеш - проверил в Google Chrome работает. |
не помогло
|
| Часовой пояс GMT +3, время: 06:03. |