マウスホイールでの横スクロールはjqueryを使っています。
$('html').mousewheel(function (event, delta) {
this.scrollLeft += (delta * 50);
event.preventDefault();
});
横スクロールしたい内部アンカーリンククリック、
私はこのコードを使用します:
$(".prevscroll").click(function (event) {
event.preventDefault();
$.scrollTo(this.hash, 150, { easing: 'elasout' });
});
また
$(window).scrollLeft((Number($(window).scrollLeft()) + 50) + 'px');
また
$('body').scrollLeft(50);
しかし、スクロールしないでください!!!!
私のhtmlコード
<script type='text/javascript' src="js/jquery.mousewheel.min.js"></script>
<script type='text/javascript' src="js/jquery.min.js"></script>
<script type='text/javascript' src="js/jquery.mousewheel.js"></script>
<style>
.content
{
padding: 20px 20px 0;
display: block;
z-index: 1;
height: 340px;
position: relative;
}
#contentWrapper
{
position: absolute;
max-width: 100%;
min-width: 400px;
min-height: 350px;
padding: 0 20px 30px 20px;
z-index: 1;
}
</style>
<div style="display: block;top:107px" id="contentWrapper">
<a class="prevscroll"></a>
<div style="margin-right: 0px;" id="content">
//My content
</div>
</div>