FlexSliderをマウスホイールで動かした際に最後のスライドで止めたいです

###前提・実現したいこと
お世話になります。

FlexSliderを使ってスライドを設置しました。
マウスホイールで動くまでは良かったのですが、
【animationLoop】でfalseを設定したところ、
1->2->3->1
となってしまいます。
これを3になったところで止めたいのですが、実現する手段はありますでしょうか。

方法を知っていられましたらご教授いただければ幸いです。
何卒、宜しくお願い致します。

###発生している問題・
最後のスライドのあとに最初に戻ってしまう。

###1022追記
コードを下記に追加させていただきました。
ご指定いただきありがとうございます。

<html>
    <head>
        <link rel="stylesheet" href="flexslider.css" type="text/css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <script src="jquery.flexslider.js"></script>
        <script src="jquery.mousewheel.js"></script>
        <script type="text/javascript">
$(window).load(function() {
$('#carousel').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
itemWidth: 210,
itemMargin: 5,
asNavFor: '#slider'
});
$('#slider').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
sync: "#carousel",
mousewheel:true
});
});
        </script>
    </head>
<body>

<div id="slider" class="flexslider">
    <ul class="slides">
        <li><img src="./img/img1.jpg" /></li>
        <li><img src="./img/img2.jpg" /></li>
        <li><img src="./img/img3.jpg" /></li>
    </ul>
</div>
<div id="carousel" class="flexslider">
    <ul class="slides">
        <li><img src="./img/img1s.jpg" /></li>
        <li><img src="./img/img2s.jpg" /></li>
        <li><img src="./img/img3s.jpg" /></li>
    </ul>
</div>
    
</body>
</html>