Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «прокрутка»
Бесконечная прокрутка в веб-приложениях с примерами на AngularJS 2013-12-01 21:24:38
Мишко Хевери, главный разработчик Ангуляра, как-то упомянул, что приложение гарантированно ...
+ развернуть текст сохранённая копия
Мишко Хевери, главный разработчик Ангуляра, как-то упомянул, что приложение гарантированно работает без тормозов, если в нем не более 100 активных областей видимости. Такой подход, в общем, применим к любым приложениям. В играх давно не рендерят то, чего игрок не видит и только в вебе пока еще считается нормой отобразить целиком список из нескольких тысяч элементов. С приходом js-фреймворков ситуация должна измениться и лучшим решением станет удаление из DOM того чего нет на экране, нежели отказ от промежуточных тегов, биндингов и других вещей, облегчающих разработку. Поэтому провел небольшой анализ решений для отображения больших списков. Наткнулся на пару статей:
1. The Infinite Path of Scrolling
В ней парень рассказывает, что проходил стажировку в Гугле в команде Ангуляра и ему поручили исследовать этот вопрос. (Радует, что разработчики заинтересованы этим. Надеюсь, скоро увидим родную поддержку бесконечного скролла). Читать дальше →
Тэги: angularjs, application, javascript, page, single, архитектура, бесконечная, веб-разработка, приложений, прокрутка
Прокрутка части текста 2013-09-24 02:55:00
... > - это ширина прокрутки; + развернуть текст сохранённая копия
Всем привет, что то меня потянуло на прокрутку текста. Уже написала несколько постов, и всё крутится. Но вещь конечно, не заменимая, и для дизайна подходит, и место на странице экономит. Сегодня ещё одна прокрутка-части текста. Так же в "хозяйстве" пригодится. Итак, вот код
<div align="center"><textarea cols="15" name="code" rows="2"> Прячем здесь наш бесценный текст</textarea></div>А выглядеть будет вот так
cols - это ширина прокрутки; rows - высота прокрутки; В прокрутке можно спрятать не только длинный текст, но и код, даже лучше, который без труда копируется обычным проверенным способом: правой кнопкой мыши-выделить все, снова правой-копировать. Для текста больше подходит спрятать под кат, так называется, как у меня на главной странице. Выберу время, напишу Вам пост на эту тему. Вот и все. До новых встреч.
Книжная прокрутка сообщений
Как быстро перейти по адресу не активной ссылки
Тэги: прокрутка, текста, части
Прокрутка всего содержания блога 2013-09-23 18:10:00
... на прокрутку содержания всех сообщений ... align: justify;">Книжная прокрутка сообщений
+ развернуть текст сохранённая копия
Здравствуйте, Вы наверное обратили внимание внизу на прокрутку содержания всех сообщений моего блога. Кого интересует такой гаджет, копируйте код и вставляйте в черновике blogger-дизайн-добавить гаджет.
<div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 14px; overflow: auto"><style>
#arch {
font-size: 0px;
}
#arch ul li {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border-radius: 3px;
font-size: 75.75%;
color: #2A7700;
line-height: 1.93;
padding: 3px 45px;
border-radius: 3px;
list-style: none;
}
#arch ul a {
font-size: 14px;
}
</style>
<script src="http://bloggerndch.googlecode.com/files/tocbyarchivemin.js">
</script>
<script src="http://bdblogov.blogspot.com/feeds/posts/default?max-results=999&alt=json-in-script&callback=loadtoc">
</script></div>
Меняйте высоту и ширину, цветовую гамму, соответствующую Вашему дизайну. Впишите свой адрес блога.
Книжная прокрутка сообщений Бегущая строка для сообщений блога
Тэги: блога, всего, прокрутка, содержания
Горизонтальная прокрутка текста 2013-09-14 18:04:00
... учиться делать горизонтальную прокрутку текста страницы. В ... скрыт текст в прокрутку;
+ развернуть текст сохранённая копия
Всем привет! Сегодня мы будем учиться делать горизонтальную прокрутку текста страницы. В принципе нет ничего сложного. Необходимо нужный текст заключить вот в этот код, скопируйте его.
<div style="border:1px solid black;ширина:150px;высота:100px;overflow-y:hidden;overflow-x:scroll;"> <p style="width:250%;"> Мы снова встретились с тобой...Но как мы оба изменились!...Года унылой чередой От нас невидимо сокрылись. Ищу в глазах твоих огня, Ищу в душе своей волнения. Ах! как тебя, так и меня Сгубило жизни тяготение! М.В. Лермонтов. </p> /div>
Получится примерно так:
Мы снова встретились с тобой...Но как мы оба изменились!...Года унылой чередой От нас невидимо сокрылись. Ищу в глазах твоих огня, Ищу в душе своей волнения. Ах! как тебя, так и меня Сгубило жизни тяготение! М.В.Лермонтов.
width:250% - это процент от ширины Вашей страницы, то есть на какой процент будет скрыт текст в прокрутку; Выделенное фиолетовым цветом - здесь будет находится Ваш текст; Когда вставите код, при необходимости сразу измените ширину и высоту прокрутки; Кто не читал мой пост - как скопировать не копируемый код - прошу сюда;
Тэги: горизонтальная, прокрутка, текста
Горизонтальная прокрутка текста 2013-09-14 18:04:00
... учиться делать горизонтальную прокрутку текста страницы. В ... скрыт текст в прокрутку;
+ развернуть текст сохранённая копия
Всем привет! Сегодня мы будем учиться делать горизонтальную прокрутку текста страницы. В принципе нет ничего сложного. Необходимо нужный текст заключить вот в этот код, скопируйте его.
<div style="border:1px solid black;ширина:150px;высота:100px;overflow-y:hidden;overflow-x:scroll;"> <p style="width:250%;"> Мы снова встретились с тобой...Но как мы оба изменились!...Года унылой чередой От нас невидимо сокрылись. Ищу в глазах твоих огня, Ищу в душе своей волнения. Ах! как тебя, так и меня Сгубило жизни тяготение! М.В. Лермонтов. </p> /div>
Получится примерно так:
Мы снова встретились с тобой...Но как мы оба изменились!...Года унылой чередой От нас невидимо сокрылись. Ищу в глазах твоих огня, Ищу в душе своей волнения. Ах! как тебя, так и меня Сгубило жизни тяготение! М.В.Лермонтов.
width:250% - это процент от ширины Вашей страницы, то есть на какой процент будет скрыт текст в прокрутку; Выделенное фиолетовым цветом - здесь будет находится Ваш текст; Когда вставите код, при необходимости сразу измените ширину и высоту прокрутки; Кто не читал мой пост - как скопировать не копируемый код - прошу сюда;
Тэги: горизонтальная, прокрутка, текста
Главная / Главные темы / Тэг «прокрутка»
|
Взлеты Топ 5
Падения Топ 5
|
