Простой скроллинг внутри блока
Опишу простенький способ для создания вертикальной прокрутки внутри блока. Отлично подойдет для сайта в котором место ограничено какими то рамками.
Принцип работы
Прокрутка будет происходить после наведения на кпопку для прокрутки, при нажатии на кнопку будет происходить прокрутка с удвоенной скоростью. Все это будет работать с помощью небольшого javascripta весом всего в 3 килобайта, что не может не радовать :-)
Использование
Вставляем код подключения скрипта между тегами <head></head>
<script type="text/javascript" src="easyscroll/easyscroll.js"></script>Создаем блок с текстом
<div id="myContent">
<!-- ТУТ БУДЕТ ВАШ ЧУДЕСНЫЙ ТЕКСТ -->
</div>И вообще то это все, возле вашего контейнера с текстом(myContent) появляться кнопки для управления.
Настраиваем скрипт
/* Айди вашего блока с текстом */
var id = "myContent";
/* Названия ваших кнопок */
var nav = ["Scroll Up", "Scroll Down", "Reset"];
/* Айди ваших кнопок */
var navId = ["btnUp", "btnDown", "btnReset"];
/* Скорость движения текста в блоке */
var speed = 5;
/* Высота вашего блока */
var height = 200;
Вообщем то все, всем удачного дня :-)
Нагло сперто с cssglobe.com
This blog is really interesting and informative. I have chosen a lot of helpful things out of it. I’d love to go back over and over again. Thanks!
Hello. excellent job. I did not imagine this. This is a impressive story. Thanks!
I like the valuable info you provide in your articles. I’ll bookmark your weblog and check again here frequently. I am quite sure I will learn a lot of new stuff right here! Best of luck for the next!
I went over this web site and I think you have a lot of excellent info, saved to my bookmarks (:.
This is an extremely gripping article. I’ll marker me
Getting aTrading inside of aPurchasing aObtaining a gaggle of automobile headlightsvehicle vehicle headlightsfront lighting which seemsappears fantastic too astogether together with suits fantastic
I together with my buddies were checking out the great guidelines located on the website then at once I had a horrible feeling I had not thanked the blog owner for those secrets. My guys appeared to be for that reason joyful to learn all of them and have now in reality been having fun with them. Thanks for indeed being well considerate and then for getting varieties of brilliant issues most people are really desperate to learn about. My personal sincere apologies for not saying thanks to earlier.
Simply wish to say your article is as surprising. The clearness on your publish is just spectacular and i can think you are an expert on this subject. Fine together with your permission let me to seize your RSS feed to keep up to date with imminent post. Thank you one million and please continue the enjoyable work.
There are people of hell, is not easy, of course.
I randomly browse blogs on the internet, and I find your article to be very informational. I have already bookmark it on my browser, so that I can view your weblog post once more later. Also, I am wondering whether or not your blog is open for link alternate, as I really wish to change links with you. I do not normally do that, however I hope that we can have a mutual hyperlink exchange. Let me know and have a terrific day!
Nice read, I just passed this onto a colleague who was doing some research on that. And he truly bought me lunch as I located it for him smile So let me rephrase that: Thank you for lunch!
Hello my loved one! I wish to say that this post is amazing, great written and come with approximately all significant infos. I would like to see extra posts like this .
I conceive other website proprietors should take this website as an example , very clean and great user pleasant design .
izmir bayan escortlar kulubü.
Youre so awesome, man! I cant believe I missed this blog for so long. Its just great stuff all round. Your design, man…too amazing! I cant wait to read what youve got next. I love everything that youre saying and want more, more, MORE! Keep this up, man! Its just too good.
Excellent website. Lots of useful info here. I’m sending it to some friends ans also sharing in delicious. And of course, thanks for your effort!
Yay google is my king aided me to find this great website ! .
Simply a smiling visitant here to share the love (:, btw outstanding style .
An impressive share, I just given this onto a colleague who was doing a little analysis on this. And he in fact bought me breakfast because I found it for him.. smile. So let me reword that: Thnx for the treat! But yeah Thnkx for spending the time to discuss this, I feel strongly about it and love reading more on this topic. If possible, as you become expertise, would you mind updating your blog with more details? It is highly helpful for me. Big thumb up for this blog post!
I like the helpful info you provide in your articles. I will bookmark your blog and check again here regularly. I’m quite certain I’ll learn many new stuff right here! Good luck for the next!
Hello, i think that i saw you visited my website so i came to “return the favor”.I’m trying to find things to enhance my site!I suppose its ok to use a few of your ideas!!
VERY GOOD!
After study a few of the blog posts on your website now, and I truly like your way of blogging. I bookmarked it to my bookmark website list and will be checking back soon. Pls check out my web site as well and let me know what you think.
Hiya! Amazing weblog! I happen to be a everyday visitor to your site (somewhat far more like addict ) of this internet site. Just wanted to say I appreciate your blogs and am seeking forward for much more!
Hi, I just found your website via Bing. Your post is truly pertinent to my life currently, and I’m really delighted I found your website.
I just couldn’t depart your website prior to suggesting that I actually enjoyed the standard info a person provide for your visitors? Is going to be back often to check up on new posts
With havin so much content do you ever run into any problems of plagorism or copyright infringement? My website has a lot of completely unique content I’ve either created myself or outsourced but it appears a lot of it is popping it up all over the web without my authorization. Do you know any techniques to help prevent content from being stolen? I’d really appreciate it.
Superb read, I just passed this onto a colleague who was doing a little research on that. And he actually bought me lunch because I located it for him smile So let me rephrase that: Thanks for lunch!
fantastic post. Ne’er knew this, thankyou for letting me know.
As soon as I found this site I went on reddit to share some of the love with them.
Simply wish to say your article is as astonishing. The clarity in your post is just cool and i could assume you’re an expert on this subject. Fine with your permission let me to grab your feed to keep updated with forthcoming post. Thanks a million and please keep up the rewarding work.